@eaera-com/eaera-widgets-v2 0.1.65 → 0.1.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/THIRD-PARTY-NOTICES.md +390 -0
  2. package/dist/components/base/EaeraCarousel.mjs +1 -1
  3. package/dist/components/base/EaeraColorPicker.mjs +1 -1
  4. package/dist/components/base/EaeraSelectStatus.mjs +1 -1
  5. package/dist/components/base/EaeraSelectTag.mjs +1 -1
  6. package/dist/components/base/EaeraSlider.mjs +1 -1
  7. package/dist/components/base/EaeraTag.mjs +1 -1
  8. package/dist/components/chunks/{EaeraCarousel-BHSnSMBE.mjs → EaeraCarousel-BV02zb3u.mjs} +1 -1
  9. package/dist/components/chunks/{EaeraColorPicker-Cu_7WUyZ.mjs → EaeraColorPicker-BmBd0tPb.mjs} +1 -1
  10. package/dist/components/chunks/{EaeraCountryField-CZAxI23f.mjs → EaeraCountryField-CkYycI_a.mjs} +1 -1
  11. package/dist/components/chunks/{EaeraCountryFlag-BAHKigTb.mjs → EaeraCountryFlag-HdsCS-D7.mjs} +1 -1
  12. package/dist/components/chunks/{EaeraCurrencyIcon-CST3GPwg.mjs → EaeraCurrencyIcon-DCPxMDbT.mjs} +1 -1
  13. package/dist/components/chunks/{EaeraDynamicFieldRow-D6QQT5VJ.mjs → EaeraDynamicFieldRow-D3daws_R.mjs} +1 -1
  14. package/dist/components/chunks/{EaeraForm-C15vj2MY.mjs → EaeraForm-Dd5gzQ_5.mjs} +1 -1
  15. package/dist/components/chunks/{EaeraInputPhone-BaEpDpqm.mjs → EaeraInputPhone-BAfQ9DpC.mjs} +1 -1
  16. package/dist/components/chunks/{EaeraInputPhoneNumber-D8PD5mYd.mjs → EaeraInputPhoneNumber-CDZnyaLx.mjs} +1 -1
  17. package/dist/components/chunks/{EaeraSelectStatus-DzcWR8fd.mjs → EaeraSelectStatus-3bhsZt3A.mjs} +1 -1
  18. package/dist/components/chunks/{EaeraSelectTag-Cx9m6w-B.mjs → EaeraSelectTag-CGmqeNQJ.mjs} +1 -1
  19. package/dist/components/chunks/{EaeraSlider-Chaf-1YV.mjs → EaeraSlider-Bk51h1zv.mjs} +1 -1
  20. package/dist/components/chunks/{EaeraTableV2-BqxbiWNA.mjs → EaeraTableV2-BF5WVwr0.mjs} +1 -1
  21. package/dist/components/chunks/{EaeraTag-DOpHFhCO.mjs → EaeraTag-BgmzVuUW.mjs} +1 -1
  22. package/dist/components/chunks/{EaeraWidgetMarginCalculator-DTBQyb0O.mjs → EaeraWidgetMarginCalculator-D5S9uiyJ.mjs} +1 -1
  23. package/dist/components/chunks/{EaeraWidgetPositionCalculator-BSzwEN-M.mjs → EaeraWidgetPositionCalculator-C_Sdli_O.mjs} +1 -1
  24. package/dist/components/chunks/btc-6HS1P1ks.mjs +1 -0
  25. package/dist/components/chunks/{iconSvg-DTZkgsHi.mjs → iconSvg-BrZD7vO3.mjs} +1 -1
  26. package/dist/components/chunks/{index-Dy15Ym4c.mjs → index-C-vkb_jO.mjs} +1 -1
  27. package/dist/components/chunks/{index-DoROFnbZ.mjs → index-CqpcR_2l.mjs} +1 -1
  28. package/dist/components/chunks/{index-BEl5qk1J.mjs → index-CrK9v14t.mjs} +1 -1
  29. package/dist/components/chunks/{index-Ppl4vfEn.mjs → index-DBt7OBMQ.mjs} +1 -1
  30. package/dist/components/chunks/{index-D5VmN8v6.mjs → index-DaBf9nij.mjs} +1 -1
  31. package/dist/components/chunks/{index-hCcBQcsv.mjs → index-YzHmypKi.mjs} +1 -1
  32. package/dist/components/chunks/{index-CB28j-nX.mjs → index-f7_iVTcy.mjs} +1 -1
  33. package/dist/components/chunks/{index-DtugTV-F.mjs → index-iEvfkNT8.mjs} +1 -1
  34. package/dist/components/composite/EaeraDynamicFieldRow.mjs +1 -1
  35. package/dist/components/composite/EaeraForm.mjs +1 -1
  36. package/dist/components/composite/EaeraTableV2.mjs +1 -1
  37. package/dist/components/custom/EaeraCountryField.mjs +1 -1
  38. package/dist/components/custom/EaeraCountryFlag.mjs +1 -1
  39. package/dist/components/custom/EaeraCurrencyIcon.mjs +1 -1
  40. package/dist/components/custom/EaeraInputPhone.mjs +1 -1
  41. package/dist/components/custom/EaeraInputPhoneNumber.mjs +1 -1
  42. package/dist/components/custom/EaeraWidgetMarginCalculator.mjs +1 -1
  43. package/dist/components/custom/EaeraWidgetPositionCalculator.mjs +1 -1
  44. package/dist/components/index.mjs +1 -1
  45. package/dist/components/utils/symbolBadge.mjs +1 -1
  46. package/dist/components/webtrade/EaeraCfdWatchlist.mjs +1 -1
  47. package/dist/components/webtrade/EaeraDrawingOverlay.mjs +1 -1
  48. package/dist/components/webtrade/EaeraLightweightChart.mjs +1 -1
  49. package/dist/components/webtrade/EaeraOrderlineOverlay.mjs +1 -1
  50. package/dist/components/webtrade/EaeraSymbolSpec.mjs +1 -1
  51. package/dist/components/webtrade/EaeraTimeNSales.mjs +1 -1
  52. package/dist/components/webtrade/EaeraTradingTable.mjs +1 -1
  53. package/dist/components/webtrade/EaeraWatchlist.mjs +1 -1
  54. package/dist/eaera-widgets-v2.es.js +5 -10
  55. package/dist/eaera-widgets-v2.umd.cjs +1 -1
  56. package/package.json +1 -1
  57. package/dist/components/chunks/btc-C0ACyBQO.mjs +0 -1
@@ -1 +1 @@
1
- import{defineComponent as e,computed as a,openBlock as r,createElementBlock as t,mergeProps as s,createBlock as u,resolveDynamicComponent as o,toDisplayString as l,createCommentVNode as n}from"vue";import{c}from"./iconSvg-DTZkgsHi.mjs";const i={key:1,class:"eaera-country-flag__fallback"},p=23/16,y=e({__name:"EaeraCountryFlag",props:{country:{},size:{default:24},radius:{default:"none"},border:{type:Boolean,default:!1}},setup(e){const y=e,f={uk:"gb"},v=a(()=>{const e=y.country?.trim().toLowerCase();return e?f[e]??e:""}),d=a(()=>c(v.value)),g=a(()=>v.value.slice(0,2).toUpperCase()),m=a(()=>{const e="number"==typeof(a=y.size)?`${a}px`:a;var a;return{width:"full"===y.radius?e:"number"==typeof y.size?Math.round(y.size*p*100)/100+"px":`calc(${y.size} * 1.4375)`,height:e}});return(a,c)=>d.value||v.value?(r(),t("span",s({key:0,class:["eaera-country-flag",[`eaera-country-flag--${e.radius}`,{"eaera-country-flag--border":e.border}]],style:m.value},a.$attrs),[d.value?(r(),u(o(d.value),{key:0,class:"eaera-country-flag__svg"})):(r(),t("span",i,l(g.value),1))],16)):n("",!0)}});export{y as _};
1
+ import{defineComponent as e,computed as a,openBlock as r,createElementBlock as t,mergeProps as s,createBlock as u,resolveDynamicComponent as o,toDisplayString as l,createCommentVNode as n}from"vue";import{c}from"./iconSvg-BrZD7vO3.mjs";const i={key:1,class:"eaera-country-flag__fallback"},p=23/16,y=e({__name:"EaeraCountryFlag",props:{country:{},size:{default:24},radius:{default:"none"},border:{type:Boolean,default:!1}},setup(e){const y=e,f={uk:"gb"},v=a(()=>{const e=y.country?.trim().toLowerCase();return e?f[e]??e:""}),d=a(()=>c(v.value)),g=a(()=>v.value.slice(0,2).toUpperCase()),m=a(()=>{const e="number"==typeof(a=y.size)?`${a}px`:a;var a;return{width:"full"===y.radius?e:"number"==typeof y.size?Math.round(y.size*p*100)/100+"px":`calc(${y.size} * 1.4375)`,height:e}});return(a,c)=>d.value||v.value?(r(),t("span",s({key:0,class:["eaera-country-flag",[`eaera-country-flag--${e.radius}`,{"eaera-country-flag--border":e.border}]],style:m.value},a.$attrs),[d.value?(r(),u(o(d.value),{key:0,class:"eaera-country-flag__svg"})):(r(),t("span",i,l(g.value),1))],16)):n("",!0)}});export{y as _};
@@ -1 +1 @@
1
- import{defineComponent as e,computed as s,openBlock as r,createBlock as a,createElementBlock as t,normalizeStyle as i,resolveDynamicComponent as o,toDisplayString as c}from"vue";import{d as l,e as n}from"./iconSvg-DTZkgsHi.mjs";import{_ as u}from"./EaeraCountryFlag-BAHKigTb.mjs";const p=e({__name:"EaeraCurrencyIcon",props:{code:{},type:{},size:{default:24}},setup(e){const p=e,y=s(()=>"crypto"===p.type?void 0:l(p.code)),z=s(()=>{if(!y.value&&"fiat"!==p.type)return n(p.code)}),d=s(()=>{const e=p.code?.trim();return e?e.length<=3?e.toUpperCase():e.slice(0,3).toUpperCase():""}),m=e=>"number"==typeof e?`${e}px`:e,f=s(()=>({width:m(p.size),height:m(p.size),fontSize:`calc(${m(p.size)} / 2.5)`}));return(s,l)=>y.value?(r(),a(u,{key:0,country:y.value,size:e.size,radius:"full",border:""},null,8,["country","size"])):(r(),t("span",{key:1,class:"eaera-currency-icon",style:i({width:m(e.size),height:m(e.size)})},[z.value?(r(),a(o(z.value),{key:0,size:e.size},null,8,["size"])):(r(),t("span",{key:1,class:"eaera-currency-icon__fallback",style:i(f.value)},c(d.value),5))],4))}});export{p as _};
1
+ import{defineComponent as e,computed as s,openBlock as r,createBlock as a,createElementBlock as t,normalizeStyle as i,resolveDynamicComponent as o,toDisplayString as c}from"vue";import{d as l,e as n}from"./iconSvg-BrZD7vO3.mjs";import{_ as u}from"./EaeraCountryFlag-HdsCS-D7.mjs";const p=e({__name:"EaeraCurrencyIcon",props:{code:{},type:{},size:{default:24}},setup(e){const p=e,y=s(()=>"crypto"===p.type?void 0:l(p.code)),z=s(()=>{if(!y.value&&"fiat"!==p.type)return n(p.code)}),d=s(()=>{const e=p.code?.trim();return e?e.length<=3?e.toUpperCase():e.slice(0,3).toUpperCase():""}),m=e=>"number"==typeof e?`${e}px`:e,f=s(()=>({width:m(p.size),height:m(p.size),fontSize:`calc(${m(p.size)} / 2.5)`}));return(s,l)=>y.value?(r(),a(u,{key:0,country:y.value,size:e.size,radius:"full",border:""},null,8,["country","size"])):(r(),t("span",{key:1,class:"eaera-currency-icon",style:i({width:m(e.size),height:m(e.size)})},[z.value?(r(),a(o(z.value),{key:0,size:e.size},null,8,["size"])):(r(),t("span",{key:1,class:"eaera-currency-icon__fallback",style:i(f.value)},c(d.value),5))],4))}});export{p as _};
@@ -1 +1 @@
1
- import{defineComponent as e,ref as a,computed as l,watch as o,resolveComponent as t,openBlock as n,createElementBlock as r,Fragment as d,renderList as i,normalizeClass as s,renderSlot as u,normalizeStyle as m,createElementVNode as p,toDisplayString as c,createBlock as f,resolveDynamicComponent as y,mergeProps as w,withKeys as v,withModifiers as k,createCommentVNode as _,createVNode as b,withCtx as C,createTextVNode as g}from"vue";import{_ as R}from"./EaeraButton-DGfjUoa6.mjs";import{_ as x}from"./EaeraInput-CkbcAxy0.mjs";import{_ as D}from"./EaeraInputNumber-COC6rdNn.mjs";import{_ as $}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraRadio-Dz6nSJu0.mjs";import{_ as F}from"./EaeraCheckbox-C_faN0pV.mjs";import{_ as S}from"./EaeraCountryField-CZAxI23f.mjs";import{_ as P}from"./EaeraInputPhoneNumber-D8PD5mYd.mjs";import{_ as j}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as I}from"./EaeraSwitch-BI3E0zPf.mjs";const B=["for"],V={class:"custom-dynamic-field-row__wrapbox"},K={class:"custom-dynamic-field-row__component"},M={class:"custom-dynamic-field-row__component__wrap"},N={class:"custom-dynamic-field-row__component__item"},T=["onClick"],z={class:"custom-dynamic-field-row__additional"},A=e({__name:"EaeraDynamicFieldRow",props:{fieldRowSchema:{default:()=>[[{nameComponent:"input",key:"examplev1",label:"Example1"},{nameComponent:"input",key:"examplev2",label:"Example2"}]]},fieldRowData:{default:()=>[]},rowAddDefault:{default:()=>[{nameComponent:"input",key:"examplev1",label:"Example1"},{nameComponent:"input",key:"examplev2",label:"Example2"}]},isShowDelete:{type:Boolean,default:!0},className:{},sizeFormItems:{default:"md"}},emits:["addField","deleteField","updatePropFieldRowData"],setup(e,{expose:A,emit:U}){const L={select:$,selectCountry:S,input:x,inputNumber:D,radio:E,checkbox:F,inputPhoneNumber:P,dateTimePicker:j,switch:I},q=e,W=U,G=a([...q.fieldRowData||[]]),H=a(!1),J=l(()=>[q.className]),O=(e,a=!1)=>{switch(e){case"number":return a?null:0;case"checkbox":return!1;default:return""}},Q=()=>{0==q.fieldRowSchema.length?G.value.push(q.rowAddDefault.reduce((e,a)=>(e[a.key]=a.valueDefault??O(a.type,null==a.valueDefault),e),{})):G.value.push(q.fieldRowSchema[q.fieldRowSchema.length-1].reduce((e,a)=>(e[a.key]=a.valueDefault??O(a.type,null==a.valueDefault),e),{})),W("addField",q.fieldRowSchema.length>0?q.fieldRowSchema[q.fieldRowSchema.length-1]:q.rowAddDefault)};return o(()=>q.fieldRowData,e=>{G.value=e},{deep:!0}),o(()=>G.value,()=>{W("updatePropFieldRowData",G.value)},{deep:!0}),o(()=>q.fieldRowSchema,()=>{q.fieldRowData&&0==q.fieldRowData.length&&(H.value||(G.value=q.fieldRowSchema.map(e=>e.reduce((e,a)=>(e[a.key]=a.valueDefault||"",e),{})),H.value=!0))},{immediate:!0,deep:!0}),A({onClickAddField:Q}),(a,l)=>{const o=t("Delete");return n(),r(d,null,[(n(!0),r(d,null,i(e.fieldRowSchema,(l,t)=>(n(),r("div",{class:s(["custom-dynamic-field-row__container",J.value]),key:t},[u(a.$slots,"header",{data:l,index:t}),u(a.$slots,"body",{},()=>[(n(!0),r(d,null,i(l,(d,i)=>{return n(),r("div",{key:i,class:s(["custom-dynamic-field-row__wrap",d.classField]),style:m({gridColumn:`span ${d.col??12}`})},[p("label",{for:d.id,class:s(d.classLabel)},c(d.label?`${a.$t(d.label)}${d.required?"*":""}`:""),11,B),p("div",V,[p("div",K,[p("div",M,[p("div",N,[u(a.$slots,`prepend_item_${d.key}`,{data:G.value[t],field:d,index:t}),(n(),f(y(L[d.nameComponent]),w({id:d.id,modelValue:G.value[t][d.key],"onUpdate:modelValue":e=>G.value[t][d.key]=e,value:G.value[t][d.key],class:d.classComponent,formatter:d.formatter,parser:d.parser,valueKey:d.valueKey,disabled:d.disabled??!1,options:d.options||[],type:d.type,filterable:d.filterable||!1,rows:d.rows,allowCreate:d.allowCreate||!1,placeholder:d.placeholder?a.$t(`${d.placeholder}`):" ",placeholderCountry:d.placeholderCountry?a.$t(`${d.placeholderCountry}`):"",autocomplete:d.autocomplete,multiple:d.multiple||!1,props:d.props,remote:d.remote||!1,"remote-method":d.remoteMethod,loading:d.loading||!1,clearable:d.clearable||!1,"value-format":d.valueFormat,isRadioButton:d.isRadioButton||!1,"fit-input-width":d.fitInputWidth||!1,collapseTags:d.collapseTags||!1,"max-collapse-tags":d.maxCollapseTags||1,treeProps:d.treeProps,keyComponent:d.key,defaultValue:d.defaultValue,"show-password":d.showPassword,size:(b=d.size,b&&b.length>0?b:q.sizeFormItems),hiddenLabel:d.hiddenLabel||!1,"is-money-input":d.isMoneyInput,label:d.label?a.$t(d.label):""},{ref_for:!0},d.componentProps||{},{onClear:e=>d.onClear?.(e,d.key),onUpdateValueProp:e=>G.value[t][d.key]=e,onChange:e=>d.onChange?.(e,d.key),onMouseover:e=>d.mouseover?.(e,d.key),onMouseout:e=>d.mouseout?.(e,d.key),onFocus:e=>d.onFocus?.(e,d.key),onBlur:e=>d.onBlur?.(e,d.key),onInput:e=>d.onInput?.(e,d.key,d,t,G.value[t]),onKeydown:v(k(e=>d.keyDownEnter?.(e,d.key),["prevent"]),["enter","native"]),onKeyup:v(k(e=>d.keyUpEnter?.(e,d.key),["prevent"]),["enter","native"])}),null,16,["id","modelValue","onUpdate:modelValue","value","class","formatter","parser","valueKey","disabled","options","type","filterable","rows","allowCreate","placeholder","placeholderCountry","autocomplete","multiple","props","remote","remote-method","loading","clearable","value-format","isRadioButton","fit-input-width","collapseTags","max-collapse-tags","treeProps","keyComponent","defaultValue","show-password","size","hiddenLabel","is-money-input","label","onClear","onUpdateValueProp","onChange","onMouseover","onMouseout","onFocus","onBlur","onInput","onKeydown","onKeyup"])),u(a.$slots,`append_item_${d.key}`,{data:G.value[t],field:d,index:t})]),u(a.$slots,`bottom_item_${d.key}`,{data:G.value[t],field:d,index:t})]),!e.isShowDelete||l.length>=2&&i!==l.length-1?_("",!0):(n(),r("div",{key:0,class:"custom-dynamic-field-row__deleteBtn",onClick:e=>(e=>{G.value.splice(e,1),W("deleteField",e)})(t)},[i==l.length-1&&e.fieldRowSchema.length>1?(n(),f(o,{key:0,class:"cursor-pointer"})):_("",!0)],8,T))]),p("div",z,[u(a.$slots,"additional",{index:t,field:d})])])],6);var b}),128))])],2))),128)),p("div",null,[u(a.$slots,"footer",{},()=>[b(R,{onClick:Q},{default:C(()=>[...l[0]||(l[0]=[g("Add field",-1)])]),_:1})])])],64)}}});export{A as _};
1
+ import{defineComponent as e,ref as a,computed as l,watch as o,resolveComponent as t,openBlock as n,createElementBlock as r,Fragment as d,renderList as i,normalizeClass as s,renderSlot as u,normalizeStyle as m,createElementVNode as p,toDisplayString as c,createBlock as f,resolveDynamicComponent as y,mergeProps as w,withKeys as v,withModifiers as k,createCommentVNode as _,createVNode as b,withCtx as C,createTextVNode as g}from"vue";import{_ as R}from"./EaeraButton-DGfjUoa6.mjs";import{_ as x}from"./EaeraInput-CkbcAxy0.mjs";import{_ as D}from"./EaeraInputNumber-COC6rdNn.mjs";import{_ as $}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraRadio-Dz6nSJu0.mjs";import{_ as F}from"./EaeraCheckbox-C_faN0pV.mjs";import{_ as S}from"./EaeraCountryField-CkYycI_a.mjs";import{_ as P}from"./EaeraInputPhoneNumber-CDZnyaLx.mjs";import{_ as j}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as I}from"./EaeraSwitch-BI3E0zPf.mjs";const B=["for"],V={class:"custom-dynamic-field-row__wrapbox"},K={class:"custom-dynamic-field-row__component"},M={class:"custom-dynamic-field-row__component__wrap"},N={class:"custom-dynamic-field-row__component__item"},T=["onClick"],z={class:"custom-dynamic-field-row__additional"},A=e({__name:"EaeraDynamicFieldRow",props:{fieldRowSchema:{default:()=>[[{nameComponent:"input",key:"examplev1",label:"Example1"},{nameComponent:"input",key:"examplev2",label:"Example2"}]]},fieldRowData:{default:()=>[]},rowAddDefault:{default:()=>[{nameComponent:"input",key:"examplev1",label:"Example1"},{nameComponent:"input",key:"examplev2",label:"Example2"}]},isShowDelete:{type:Boolean,default:!0},className:{},sizeFormItems:{default:"md"}},emits:["addField","deleteField","updatePropFieldRowData"],setup(e,{expose:A,emit:U}){const L={select:$,selectCountry:S,input:x,inputNumber:D,radio:E,checkbox:F,inputPhoneNumber:P,dateTimePicker:j,switch:I},q=e,W=U,G=a([...q.fieldRowData||[]]),H=a(!1),J=l(()=>[q.className]),O=(e,a=!1)=>{switch(e){case"number":return a?null:0;case"checkbox":return!1;default:return""}},Q=()=>{0==q.fieldRowSchema.length?G.value.push(q.rowAddDefault.reduce((e,a)=>(e[a.key]=a.valueDefault??O(a.type,null==a.valueDefault),e),{})):G.value.push(q.fieldRowSchema[q.fieldRowSchema.length-1].reduce((e,a)=>(e[a.key]=a.valueDefault??O(a.type,null==a.valueDefault),e),{})),W("addField",q.fieldRowSchema.length>0?q.fieldRowSchema[q.fieldRowSchema.length-1]:q.rowAddDefault)};return o(()=>q.fieldRowData,e=>{G.value=e},{deep:!0}),o(()=>G.value,()=>{W("updatePropFieldRowData",G.value)},{deep:!0}),o(()=>q.fieldRowSchema,()=>{q.fieldRowData&&0==q.fieldRowData.length&&(H.value||(G.value=q.fieldRowSchema.map(e=>e.reduce((e,a)=>(e[a.key]=a.valueDefault||"",e),{})),H.value=!0))},{immediate:!0,deep:!0}),A({onClickAddField:Q}),(a,l)=>{const o=t("Delete");return n(),r(d,null,[(n(!0),r(d,null,i(e.fieldRowSchema,(l,t)=>(n(),r("div",{class:s(["custom-dynamic-field-row__container",J.value]),key:t},[u(a.$slots,"header",{data:l,index:t}),u(a.$slots,"body",{},()=>[(n(!0),r(d,null,i(l,(d,i)=>{return n(),r("div",{key:i,class:s(["custom-dynamic-field-row__wrap",d.classField]),style:m({gridColumn:`span ${d.col??12}`})},[p("label",{for:d.id,class:s(d.classLabel)},c(d.label?`${a.$t(d.label)}${d.required?"*":""}`:""),11,B),p("div",V,[p("div",K,[p("div",M,[p("div",N,[u(a.$slots,`prepend_item_${d.key}`,{data:G.value[t],field:d,index:t}),(n(),f(y(L[d.nameComponent]),w({id:d.id,modelValue:G.value[t][d.key],"onUpdate:modelValue":e=>G.value[t][d.key]=e,value:G.value[t][d.key],class:d.classComponent,formatter:d.formatter,parser:d.parser,valueKey:d.valueKey,disabled:d.disabled??!1,options:d.options||[],type:d.type,filterable:d.filterable||!1,rows:d.rows,allowCreate:d.allowCreate||!1,placeholder:d.placeholder?a.$t(`${d.placeholder}`):" ",placeholderCountry:d.placeholderCountry?a.$t(`${d.placeholderCountry}`):"",autocomplete:d.autocomplete,multiple:d.multiple||!1,props:d.props,remote:d.remote||!1,"remote-method":d.remoteMethod,loading:d.loading||!1,clearable:d.clearable||!1,"value-format":d.valueFormat,isRadioButton:d.isRadioButton||!1,"fit-input-width":d.fitInputWidth||!1,collapseTags:d.collapseTags||!1,"max-collapse-tags":d.maxCollapseTags||1,treeProps:d.treeProps,keyComponent:d.key,defaultValue:d.defaultValue,"show-password":d.showPassword,size:(b=d.size,b&&b.length>0?b:q.sizeFormItems),hiddenLabel:d.hiddenLabel||!1,"is-money-input":d.isMoneyInput,label:d.label?a.$t(d.label):""},{ref_for:!0},d.componentProps||{},{onClear:e=>d.onClear?.(e,d.key),onUpdateValueProp:e=>G.value[t][d.key]=e,onChange:e=>d.onChange?.(e,d.key),onMouseover:e=>d.mouseover?.(e,d.key),onMouseout:e=>d.mouseout?.(e,d.key),onFocus:e=>d.onFocus?.(e,d.key),onBlur:e=>d.onBlur?.(e,d.key),onInput:e=>d.onInput?.(e,d.key,d,t,G.value[t]),onKeydown:v(k(e=>d.keyDownEnter?.(e,d.key),["prevent"]),["enter","native"]),onKeyup:v(k(e=>d.keyUpEnter?.(e,d.key),["prevent"]),["enter","native"])}),null,16,["id","modelValue","onUpdate:modelValue","value","class","formatter","parser","valueKey","disabled","options","type","filterable","rows","allowCreate","placeholder","placeholderCountry","autocomplete","multiple","props","remote","remote-method","loading","clearable","value-format","isRadioButton","fit-input-width","collapseTags","max-collapse-tags","treeProps","keyComponent","defaultValue","show-password","size","hiddenLabel","is-money-input","label","onClear","onUpdateValueProp","onChange","onMouseover","onMouseout","onFocus","onBlur","onInput","onKeydown","onKeyup"])),u(a.$slots,`append_item_${d.key}`,{data:G.value[t],field:d,index:t})]),u(a.$slots,`bottom_item_${d.key}`,{data:G.value[t],field:d,index:t})]),!e.isShowDelete||l.length>=2&&i!==l.length-1?_("",!0):(n(),r("div",{key:0,class:"custom-dynamic-field-row__deleteBtn",onClick:e=>(e=>{G.value.splice(e,1),W("deleteField",e)})(t)},[i==l.length-1&&e.fieldRowSchema.length>1?(n(),f(o,{key:0,class:"cursor-pointer"})):_("",!0)],8,T))]),p("div",z,[u(a.$slots,"additional",{index:t,field:d})])])],6);var b}),128))])],2))),128)),p("div",null,[u(a.$slots,"footer",{},()=>[b(R,{onClick:Q},{default:C(()=>[...l[0]||(l[0]=[g("Add field",-1)])]),_:1})])])],64)}}});export{A as _};
@@ -1 +1 @@
1
- import{ElForm as e,ElFormItem as t,ElIcon as o}from"element-plus/es";import{reactive as a,ref as r,computed as l,watch as s,nextTick as n,toRaw as i,defineComponent as m,openBlock as u,createBlock as d,mergeProps as p,unref as c,withCtx as f,renderSlot as v,createElementVNode as _,normalizeClass as b,createElementBlock as y,Fragment as g,renderList as C,resolveDynamicComponent as k,withKeys as F,withModifiers as S,toHandlers as w,createSlots as E,createTextVNode as P,toDisplayString as $,createVNode as j,createCommentVNode as x}from"vue";import{_ as O}from"./EaeraButton-DGfjUoa6.mjs";import{_ as I}from"./EaeraEmailSuggestion-DyhqpIEZ.mjs";import{_ as T}from"./EaeraTooltip-BIlULHv4.mjs";import{e as V,t as N}from"./vendor-email-misspelled-0hsXkSSK.mjs";import{_ as B}from"./EaeraCascadeSelect-CoSX_ACV.mjs";import{_ as R}from"./EaeraCheckbox-C_faN0pV.mjs";import{_ as D}from"./EaeraCheckBoxList-ZKnHu1T9.mjs";import{_ as z}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as G}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as U}from"./EaeraRadio-Dz6nSJu0.mjs";import{_ as L}from"./EaeraSelect-BxZRZofe.mjs";import{_ as A}from"./EaeraSwitch-BI3E0zPf.mjs";import{_ as K}from"./EaeraTimePicker-B4e4R3pD.mjs";import{_ as M}from"./EaeraTree-CwZK7lqG.mjs";import{_ as q}from"./EaeraTreeSelect-mLNgcoOv.mjs";import{_ as W}from"./EaeraAutoComplete-DLjCHpAH.mjs";import{_ as X}from"./EaeraInputTag-BIYG3daA.mjs";import{_ as H}from"./EaeraCountryField-CZAxI23f.mjs";import{_ as J}from"./EaeraInputPhone-BaEpDpqm.mjs";import{_ as Q}from"./EaeraInputPhoneNumber-D8PD5mYd.mjs";import{_ as Y}from"./EaeraSelectGroup-DxK2CWYf.mjs";import{_ as Z}from"./EaeraSelectOther-BICVMrjI.mjs";import{_ as ee}from"./EaeraInput-CkbcAxy0.mjs";import{_ as te}from"./EaeraInputNumber-COC6rdNn.mjs";import{Check as oe,TriangleAlert as ae}from"@lucide/vue";import{InfoFilled as re}from"@element-plus/icons-vue";var le=(e=>(e.Select="select",e.Input="input",e.InputNumber="inputNumber",e.Radio="radio",e.Checkbox="checkbox",e.InputPhoneNumber="inputPhoneNumber",e.InputPhone="inputPhone",e.DateTimePicker="dateTimePicker",e.SelectCascade="selectCascade",e.TreeSelect="treeSelect",e.Tree="tree",e.SelectOther="selectOther",e.SelectCountry="selectCountry",e.SelectGroup="selectGroup",e.CheckBoxList="checkboxList",e.TimePicker="timePicker",e.Switch="switch",e.DatePicker="datePicker",e.InputTag="inputTag",e.AutoComplete="autoComplete",e))(le||{});const se={select:L,selectOther:Z,selectCountry:H,selectGroup:Y,input:ee,inputNumber:te,radio:U,checkbox:R,inputPhoneNumber:Q,inputPhone:J,dateTimePicker:G,selectCascade:B,treeSelect:q,tree:M,checkboxList:D,timePicker:K,switch:A,datePicker:z,inputTag:X,autoComplete:W},ne=(e,t)=>{const o=V({domains:N}),m=a({}),u=r(!1),d=r(),p=r({}),c=r("idle"),f=r(!0),v=a({}),_=a({}),b=a({}),y=a({}),g=e.formData||{},C=a(g);Object.assign(C,(()=>{const t={},o=e.formSchema;for(const e in o)void 0!==o[e].defaultValue&&(t[e]=o[e].defaultValue);return t})(),g);const k=r({}),F=l(()=>{const t=Object.create({});return Object.entries(e.formSchema).sort(([,e],[,t])=>(e.order??0)-(t.order??0)).forEach(([e,o])=>{const a=o.group||e;t[a]||(t[a]={}),t[a][e]=o}),t}),S=l(()=>[e.className,e.prefixLabel&&"is-prefix-label"]),w=l(()=>{const t=new Set(["switch","radio"]),o=e.formSchema;return d.value?.fields.map(e=>({label:e.label,key:e.prop,component:o[e.prop]?.nameComponent,state:e.validateState||"idle"})).filter(e=>!t.has(e.component))}),E=e=>{const t={};for(const o of e)Array.isArray(o.value)?t[o.key]=t[o.key]?[...t[o.key],...o.value]:[...o.value]:t[o.key]=t[o.key]?[...t[o.key],o.value]:[o.value];return Object.entries(t).map(([e,t])=>({key:e,value:t}))},P=e=>{if(!e.condition)return!0;const t=E(e.condition);return"or"===e.typeCondition?t.some(e=>e.value.includes(C[e.key])):t.every(e=>e.value.includes(C[e.key]))},$=e=>{const t=[];for(const o in e)if(Object.hasOwn(e,o)){const a=e[o];a.condition&&!j(a)&&t.push(o)}return t},j=e=>{const t=E(e.condition);return"or"===e.typeCondition?t.some(e=>e.value.includes(C[e.key])):t.every(e=>e.value.includes(C[e.key]))},x=(e,t)=>{e?(u.value=!1,c.value="valid"):(u.value=!0,c.value="invalid")},O=async e=>{d.value&&(c.value="validating",await d.value.validateField(e,x))},I=e=>e&&"object"==typeof e?{...e}:e,T=(e=[])=>e.map(I),B=e=>{const t=[];for(const o in e){if(!Object.hasOwn(e,o))continue;const a=Array.isArray(e[o])?e[o]:[];t.push(...a)}return t},R=()=>{const t=e.formSchema,o={};for(const e in t)if(Object.hasOwn(t,e)){const a=t[e],r=a?.rule||{};for(const e in r)Object.hasOwn(r,e)&&(o[e]=T(r[e]||[]));const l="inputPhoneNumber"===a?.nameComponent,s=b[e]||[];if(!l||0===s.length)continue;const n=B(r),i=o[e]||[];if(0===n.length)continue;o[e]=[...i,...T(s)]}k.value=o};R();return s(()=>e.formData,e=>Object.assign(C,e||{}),{deep:!0}),s(C,t=>{e.formData&&e.formData!==C&&Object.assign(e.formData,t)},{deep:!0}),s(()=>e.formSchema,R),s(w,e=>{e&&(e.some(e=>"validating"===e.state)?c.value="validating":e.some(e=>"error"===e.state)?c.value="invalid":e.every(e=>"success"===e.state)?c.value="valid":c.value="idle")}),{Component:le,suggestionEmails:m,isErrorValidateForm:u,ruleFormRef:d,rowItemComponentRefs:p,rules:k,formState:c,isValidPhoneNumber:f,isValidEmails:v,ruleForm:C,sortedGroupFormSchema:F,computedClass:S,fieldsState:w,getSizeFormItems:t=>t?.length>0?t:e.sizeFormItems,getTypeComponent:(e,t)=>"password"===e?_[t]?"text":"password":e,getNameComponent:(e="")=>se[e]??null,getFieldsByCondition:e=>{if(0===Object.keys(e).length)return{};const t=Object.create({});for(const o in e)if(Object.hasOwn(e,o)){const a=e[o];P(a)&&!a.hidden&&(t[o]=a)}return t},submitForm:()=>{d.value&&(c.value="submitting",d.value.validate((e,o)=>{if(e&&f.value){u.value=!1,c.value="submitted";const e=structuredClone(i(C));for(const t of(()=>{let e=[];for(const t in F.value)Object.hasOwn(F.value,t)&&(e=e.concat($(F.value[t])));return e})())delete e[t];t("submit",e)}else u.value=!0,c.value="invalid",f.value?console.log("error submit!",o):console.log("error submit!","Phone number is invalid")}))},validateForm:async()=>{d.value&&(c.value="validating",await d.value.validate(x))},validateField:O,onValidate:(t,o,a)=>{y[t]=!o;const r=e.formSchema;"email"===r[t]?.type&&(v[t]=o)},fieldErrors:y,resetForm:()=>{d.value&&(d.value.resetFields(),Object.keys(y).forEach(e=>delete y[e]),Object.values(p.value).forEach(e=>{e?.resetField?.()}))},resetFields:e=>{d.value&&(d.value.resetFields(e),e.forEach(e=>{delete y[e];const t=p.value[e];t?.resetField?.()}))},handleKeyUpEnter:(t,o)=>{const a=t.target;"textarea"===a?.tagName.toLowerCase()&&(C[o]=C[o]+"\n"),e.keyUpEnter(t,o)},onInputComponent:(t,a,r)=>{"email"===r&&(m[a]=o(C[a])?.slice(0,3)??[]),e.onInput(t,a)},onClickSuggestion:(e,t)=>{C[t]=C[t].replace(/@.*/,`@${e}`),m[t]=[]},onUpdateValueProp:(e,t,o)=>{C[t]=e;"inputPhoneNumber"===o&&(""===e||null==e)&&n(()=>{O(String(t))})},registerComponentRef:(e,t,o)=>{if(""===t||null==t)return;const a=String(t);if(!e)return;if(p.value[a]===e)return;if(p.value[a]=e,"inputPhoneNumber"!==o)return;if((b[a]||[]).length>0)return;((e,t)=>{if(""===e||null==e||!t)return;const o=String(e),a=Array.isArray(t)?t:[t];b[o]=T(a),R()})(a,e.defaultRule)}}},ie={key:0,class:"required-field"},me={class:"custom-form-item__error"},ue={class:"text-error-validate"},de={class:"custom-form-item__success"},pe={class:"custom-form-item__info"},ce={class:"el-form-item__label-bottom"},fe={key:0},ve=m({__name:"EaeraForm",props:{className:{},classNameParentGroup:{default:""},labelPosition:{default:"top"},labelWidth:{default:"auto"},textBtnSave:{default:"Save"},textBtnClose:{default:"Close"},scrollToError:{type:Boolean,default:!0},formData:{default:()=>({})},formSchema:{default:()=>({})},formGroupRenderOptions:{default:()=>({})},onChange:{type:Function,default:()=>{}},mouseover:{type:Function,default:()=>{}},onBlur:{type:Function,default:()=>{}},onFocus:{type:Function,default:()=>{}},mouseout:{type:Function,default:()=>{}},onInput:{type:Function,default:()=>{}},keyDownEnter:{type:Function,default:()=>{}},keyUpEnter:{type:Function,default:()=>{}},onClear:{type:Function,default:()=>{}},validateOnRuleChange:{type:Boolean,default:!0},sizeFormItems:{default:"md"},labelSize:{default:"md"},prefixLabel:{type:Boolean},isMoneyInput:{type:Boolean}},emits:["submit"],setup(a,{expose:r,emit:l}){const s=a,n=l,{Component:i,suggestionEmails:m,isErrorValidateForm:V,ruleFormRef:N,rowItemComponentRefs:B,rules:R,formState:D,isValidPhoneNumber:z,isValidEmails:G,ruleForm:U,sortedGroupFormSchema:L,computedClass:A,fieldsState:K,getSizeFormItems:M,getTypeComponent:q,getNameComponent:W,getFieldsByCondition:X,submitForm:H,validateForm:J,validateField:Q,onValidate:Y,fieldErrors:Z,resetForm:ee,resetFields:te,handleKeyUpEnter:le,onInputComponent:se,onClickSuggestion:ve,onUpdateValueProp:he,registerComponentRef:_e}=ne(s,n);return r({submitForm:H,resetForm:ee,resetFields:te,validateForm:J,validateField:Q,isErrorValidateForm:V,formState:D,fieldsState:K,rowItemComponentRefs:B}),(r,l)=>{const n=o,V=t,B=e;return u(),d(B,p({ref_key:"ruleFormRef",ref:N,model:c(U),rules:c(R),labelPosition:"bottom"===s.labelPosition?void 0:s.labelPosition,onValidate:c(Y),class:["custom-form",c(A)],"scroll-to-error":a.scrollToError,"validate-on-rule-change":a.validateOnRuleChange,"label-width":"bottom"===s.labelPosition?0:s.labelWidth||"auto"},r.$attrs),{default:f(()=>[v(r.$slots,"header"),v(r.$slots,"body",{},()=>[_("div",{class:b(["custom-form__parent-group",s.classNameParentGroup])},[(u(!0),y(g,null,C(c(L),(e,t)=>(u(),y("div",{key:t},[v(r.$slots,"top_row_group_"+t),(u(),d(k(a.formGroupRenderOptions?.[t]?.tag??"div"),{class:b(a.formGroupRenderOptions?.[t]?.class??"form-group-default")},{default:f(()=>[(u(!0),y(g,null,C(c(X)(e),(e,t)=>(u(),d(V,p({key:t,class:["custom-form-item",[e.classFormItem,e.nameComponent&&`custom-form-item__${e.nameComponent}`,"bottom"===a.labelPosition&&"no-label",e.disabled&&"is-disabled",s.labelSize&&`label-size--${s.labelSize}`]],prop:t},{ref_for:!0},e.formItemProps||{}),{label:f(()=>[_("span",null,$(r.$t(e.label)),1),e.rule?.required?(u(),y("span",ie,"*")):x("",!0),e.labelTooltip?(u(),d(T,{key:1,content:r.$t(e.labelTooltip),placement:"right"},{default:f(()=>[j(n,{class:"label-tooltip"},{default:f(()=>[j(c(re))]),_:1})]),_:1},8,["content"])):x("",!0)]),error:f(({error:e})=>[v(r.$slots,"row_item_error_"+t,{error:e},()=>[_("div",me,[j(c(ae)),_("span",ue,$(r.$t(`${e}`)),1)])])]),default:f(()=>[v(r.$slots,"row_item_"+t,{data:c(U)},()=>[(u(),d(k(c(W)(e.nameComponent)),p({ref_for:!0,ref:o=>c(_e)(o,t,e.nameComponent),id:t,formatter:e.formatter,parser:e.parser,valueKey:e.valueKey,className:`${e.classComponent||""}`,modelValue:c(U)[t],"onUpdate:modelValue":e=>c(U)[t]=e,disabled:e.disabled??!1,value:c(U)[t],options:e.options||[],type:c(q)(e.type,t),filterable:e.filterable||!1,rows:e.rows,allowCreate:e.allowCreate||!1,placeholder:e.placeholder?r.$t(`${e.placeholder}`):" ",placeholderCountry:e.placeholderCountry?r.$t(`${e.placeholderCountry}`):"",autocomplete:e.autocomplete,multiple:e.multiple||!1,props:e.props,remote:e.remote||!1,"remote-method":e.remoteMethod,loading:e.loading||!1,clearable:e.clearable||!1,"value-format":e.valueFormat,isRadioButton:e.isRadioButton||!1,"fit-input-width":e.fitInputWidth||!1,collapseTags:e.collapseTags||!1,"max-collapse-tags":e.maxCollapseTags||1,treeProps:e.treeProps,keyComponent:t,defaultValue:e.defaultValue,"show-password":e.showPassword,size:c(M)(e.size),hiddenLabel:e.hiddenLabel||!1,"is-money-input":e.isMoneyInput||s.isMoneyInput,label:e.label},{ref_for:!0},e.componentProps||{},{onClear:e=>a.onClear(e,t),onUpdateValueProp:o=>c(he)(o,t,e.nameComponent),"onUpdate:isValidPhoneNumber":l[0]||(l[0]=e=>z.value=e),onChange:e=>a.onChange(e,t),onMouseover:e=>a.mouseover(e,t),onMouseout:e=>a.mouseout(e,t),onFocus:e=>a.onFocus(e,t),onBlur:e=>a.onBlur(e,t),onInput:o=>c(se)(o,t,e.type),onKeydown:F(S(e=>a.keyDownEnter(e,t),["prevent"]),["enter","native"]),onKeyup:F(S(e=>c(le)(e,t),["prevent"]),["enter","native"])},w(e.componentEvents||{})),E({default:f(()=>[v(r.$slots,"body_row_item_"+t,{data:c(U)})]),_:2},[[c(i).Select,c(i).SelectOther].includes(e.nameComponent)&&e.header?{name:"header",fn:f(()=>[v(r.$slots,"header_item_"+t,{data:c(U)},()=>[P($(e.header),1)])]),key:"0"}:e.header?{name:"header",fn:f(()=>[v(r.$slots,"header_item_"+t,{data:c(U)})]),key:"1"}:void 0,r.$slots["suffix_item_"+t]?{name:"suffix",fn:f(()=>[v(r.$slots,"suffix_item_"+t,{data:c(U)})]),key:"2"}:void 0,r.$slots["prefix_item_"+t]?{name:"prefix",fn:f(()=>[v(r.$slots,"prefix_item_"+t,{data:c(U)})]),key:"3"}:void 0,r.$slots["prepend_item_"+t]?{name:"prepend",fn:f(()=>[v(r.$slots,"prepend_item_"+t,{data:c(U)})]),key:"4"}:void 0,r.$slots["append_item_"+t]?{name:"append",fn:f(()=>[v(r.$slots,"append_item_"+t,{data:c(U)})]),key:"5"}:void 0,r.$slots["option_default_item_"+t]?{name:"option_default",fn:f(({data:e})=>[v(r.$slots,"option_default_item_"+t,{data:e})]),key:"6"}:void 0]),1040,["id","formatter","parser","valueKey","className","modelValue","onUpdate:modelValue","disabled","value","options","type","filterable","rows","allowCreate","placeholder","placeholderCountry","autocomplete","multiple","props","remote","remote-method","loading","clearable","value-format","isRadioButton","fit-input-width","collapseTags","max-collapse-tags","treeProps","keyComponent","defaultValue","show-password","size","hiddenLabel","is-money-input","label","onClear","onUpdateValueProp","onChange","onMouseover","onMouseout","onFocus","onBlur","onInput","onKeydown","onKeyup"]))]),!0!==c(Z)[String(t)]?(u(),y(g,{key:0},[!1===c(Z)[String(t)]&&e.successText?v(r.$slots,"row_item_success_"+t,{},()=>[_("div",de,[j(c(oe)),_("span",null,$(r.$t(`${e.successText}`)),1)])],void 0,0):e.infoText?v(r.$slots,"row_item_info_"+t,{},()=>[_("div",pe,[j(n,null,{default:f(()=>[j(c(re))]),_:1}),_("span",null,$(r.$t(`${e.infoText}`)),1)])],void 0,1):x("",!0)],64)):x("",!0),j(I,{suggestions:c(m)[t]??[],"is-valid":c(G)[t],show:e.showSuggestionEmail,onSelect:e=>c(ve)(e,t)},null,8,["suggestions","is-valid","show","onSelect"]),v(r.$slots,"bottom_row_item_"+t),"bottom"===a.labelPosition?v(r.$slots,"row_item_label_bottom_"+t,{},()=>[_("div",ce,$(r.$t(`${e.label}`)),1),e.required?(u(),y("span",fe,"*")):x("",!0)],void 0,1):x("",!0)]),_:2},1040,["class","prop"]))),128))]),_:2},1032,["class"])),v(r.$slots,"bottom_row_group_"+t)]))),128))],2)]),v(r.$slots,"footer",{},()=>[j(V,null,{default:f(()=>[j(O,{onClick:c(J),color:"primary"},{default:f(()=>[P($(a.textBtnSave),1)]),_:1},8,["onClick"]),j(O,{color:"primary",plain:""},{default:f(()=>[P($(a.textBtnClose),1)]),_:1})]),_:1})])]),_:3},16,["model","rules","labelPosition","onValidate","class","scroll-to-error","validate-on-rule-change","label-width"])}}});export{le as C,ve as _};
1
+ import{ElForm as e,ElFormItem as t,ElIcon as o}from"element-plus/es";import{reactive as a,ref as r,computed as l,watch as s,nextTick as n,toRaw as i,defineComponent as m,openBlock as u,createBlock as d,mergeProps as p,unref as c,withCtx as f,renderSlot as v,createElementVNode as _,normalizeClass as b,createElementBlock as y,Fragment as g,renderList as C,resolveDynamicComponent as k,withKeys as F,withModifiers as S,toHandlers as w,createSlots as E,createTextVNode as P,toDisplayString as $,createVNode as j,createCommentVNode as x}from"vue";import{_ as O}from"./EaeraButton-DGfjUoa6.mjs";import{_ as I}from"./EaeraEmailSuggestion-DyhqpIEZ.mjs";import{_ as T}from"./EaeraTooltip-BIlULHv4.mjs";import{e as V,t as N}from"./vendor-email-misspelled-0hsXkSSK.mjs";import{_ as B}from"./EaeraCascadeSelect-CoSX_ACV.mjs";import{_ as R}from"./EaeraCheckbox-C_faN0pV.mjs";import{_ as D}from"./EaeraCheckBoxList-ZKnHu1T9.mjs";import{_ as z}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as G}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as U}from"./EaeraRadio-Dz6nSJu0.mjs";import{_ as L}from"./EaeraSelect-BxZRZofe.mjs";import{_ as A}from"./EaeraSwitch-BI3E0zPf.mjs";import{_ as K}from"./EaeraTimePicker-B4e4R3pD.mjs";import{_ as M}from"./EaeraTree-CwZK7lqG.mjs";import{_ as q}from"./EaeraTreeSelect-mLNgcoOv.mjs";import{_ as W}from"./EaeraAutoComplete-DLjCHpAH.mjs";import{_ as X}from"./EaeraInputTag-BIYG3daA.mjs";import{_ as H}from"./EaeraCountryField-CkYycI_a.mjs";import{_ as J}from"./EaeraInputPhone-BAfQ9DpC.mjs";import{_ as Q}from"./EaeraInputPhoneNumber-CDZnyaLx.mjs";import{_ as Y}from"./EaeraSelectGroup-DxK2CWYf.mjs";import{_ as Z}from"./EaeraSelectOther-BICVMrjI.mjs";import{_ as ee}from"./EaeraInput-CkbcAxy0.mjs";import{_ as te}from"./EaeraInputNumber-COC6rdNn.mjs";import{Check as oe,TriangleAlert as ae}from"@lucide/vue";import{InfoFilled as re}from"@element-plus/icons-vue";var le=(e=>(e.Select="select",e.Input="input",e.InputNumber="inputNumber",e.Radio="radio",e.Checkbox="checkbox",e.InputPhoneNumber="inputPhoneNumber",e.InputPhone="inputPhone",e.DateTimePicker="dateTimePicker",e.SelectCascade="selectCascade",e.TreeSelect="treeSelect",e.Tree="tree",e.SelectOther="selectOther",e.SelectCountry="selectCountry",e.SelectGroup="selectGroup",e.CheckBoxList="checkboxList",e.TimePicker="timePicker",e.Switch="switch",e.DatePicker="datePicker",e.InputTag="inputTag",e.AutoComplete="autoComplete",e))(le||{});const se={select:L,selectOther:Z,selectCountry:H,selectGroup:Y,input:ee,inputNumber:te,radio:U,checkbox:R,inputPhoneNumber:Q,inputPhone:J,dateTimePicker:G,selectCascade:B,treeSelect:q,tree:M,checkboxList:D,timePicker:K,switch:A,datePicker:z,inputTag:X,autoComplete:W},ne=(e,t)=>{const o=V({domains:N}),m=a({}),u=r(!1),d=r(),p=r({}),c=r("idle"),f=r(!0),v=a({}),_=a({}),b=a({}),y=a({}),g=e.formData||{},C=a(g);Object.assign(C,(()=>{const t={},o=e.formSchema;for(const e in o)void 0!==o[e].defaultValue&&(t[e]=o[e].defaultValue);return t})(),g);const k=r({}),F=l(()=>{const t=Object.create({});return Object.entries(e.formSchema).sort(([,e],[,t])=>(e.order??0)-(t.order??0)).forEach(([e,o])=>{const a=o.group||e;t[a]||(t[a]={}),t[a][e]=o}),t}),S=l(()=>[e.className,e.prefixLabel&&"is-prefix-label"]),w=l(()=>{const t=new Set(["switch","radio"]),o=e.formSchema;return d.value?.fields.map(e=>({label:e.label,key:e.prop,component:o[e.prop]?.nameComponent,state:e.validateState||"idle"})).filter(e=>!t.has(e.component))}),E=e=>{const t={};for(const o of e)Array.isArray(o.value)?t[o.key]=t[o.key]?[...t[o.key],...o.value]:[...o.value]:t[o.key]=t[o.key]?[...t[o.key],o.value]:[o.value];return Object.entries(t).map(([e,t])=>({key:e,value:t}))},P=e=>{if(!e.condition)return!0;const t=E(e.condition);return"or"===e.typeCondition?t.some(e=>e.value.includes(C[e.key])):t.every(e=>e.value.includes(C[e.key]))},$=e=>{const t=[];for(const o in e)if(Object.hasOwn(e,o)){const a=e[o];a.condition&&!j(a)&&t.push(o)}return t},j=e=>{const t=E(e.condition);return"or"===e.typeCondition?t.some(e=>e.value.includes(C[e.key])):t.every(e=>e.value.includes(C[e.key]))},x=(e,t)=>{e?(u.value=!1,c.value="valid"):(u.value=!0,c.value="invalid")},O=async e=>{d.value&&(c.value="validating",await d.value.validateField(e,x))},I=e=>e&&"object"==typeof e?{...e}:e,T=(e=[])=>e.map(I),B=e=>{const t=[];for(const o in e){if(!Object.hasOwn(e,o))continue;const a=Array.isArray(e[o])?e[o]:[];t.push(...a)}return t},R=()=>{const t=e.formSchema,o={};for(const e in t)if(Object.hasOwn(t,e)){const a=t[e],r=a?.rule||{};for(const e in r)Object.hasOwn(r,e)&&(o[e]=T(r[e]||[]));const l="inputPhoneNumber"===a?.nameComponent,s=b[e]||[];if(!l||0===s.length)continue;const n=B(r),i=o[e]||[];if(0===n.length)continue;o[e]=[...i,...T(s)]}k.value=o};R();return s(()=>e.formData,e=>Object.assign(C,e||{}),{deep:!0}),s(C,t=>{e.formData&&e.formData!==C&&Object.assign(e.formData,t)},{deep:!0}),s(()=>e.formSchema,R),s(w,e=>{e&&(e.some(e=>"validating"===e.state)?c.value="validating":e.some(e=>"error"===e.state)?c.value="invalid":e.every(e=>"success"===e.state)?c.value="valid":c.value="idle")}),{Component:le,suggestionEmails:m,isErrorValidateForm:u,ruleFormRef:d,rowItemComponentRefs:p,rules:k,formState:c,isValidPhoneNumber:f,isValidEmails:v,ruleForm:C,sortedGroupFormSchema:F,computedClass:S,fieldsState:w,getSizeFormItems:t=>t?.length>0?t:e.sizeFormItems,getTypeComponent:(e,t)=>"password"===e?_[t]?"text":"password":e,getNameComponent:(e="")=>se[e]??null,getFieldsByCondition:e=>{if(0===Object.keys(e).length)return{};const t=Object.create({});for(const o in e)if(Object.hasOwn(e,o)){const a=e[o];P(a)&&!a.hidden&&(t[o]=a)}return t},submitForm:()=>{d.value&&(c.value="submitting",d.value.validate((e,o)=>{if(e&&f.value){u.value=!1,c.value="submitted";const e=structuredClone(i(C));for(const t of(()=>{let e=[];for(const t in F.value)Object.hasOwn(F.value,t)&&(e=e.concat($(F.value[t])));return e})())delete e[t];t("submit",e)}else u.value=!0,c.value="invalid",f.value?console.log("error submit!",o):console.log("error submit!","Phone number is invalid")}))},validateForm:async()=>{d.value&&(c.value="validating",await d.value.validate(x))},validateField:O,onValidate:(t,o,a)=>{y[t]=!o;const r=e.formSchema;"email"===r[t]?.type&&(v[t]=o)},fieldErrors:y,resetForm:()=>{d.value&&(d.value.resetFields(),Object.keys(y).forEach(e=>delete y[e]),Object.values(p.value).forEach(e=>{e?.resetField?.()}))},resetFields:e=>{d.value&&(d.value.resetFields(e),e.forEach(e=>{delete y[e];const t=p.value[e];t?.resetField?.()}))},handleKeyUpEnter:(t,o)=>{const a=t.target;"textarea"===a?.tagName.toLowerCase()&&(C[o]=C[o]+"\n"),e.keyUpEnter(t,o)},onInputComponent:(t,a,r)=>{"email"===r&&(m[a]=o(C[a])?.slice(0,3)??[]),e.onInput(t,a)},onClickSuggestion:(e,t)=>{C[t]=C[t].replace(/@.*/,`@${e}`),m[t]=[]},onUpdateValueProp:(e,t,o)=>{C[t]=e;"inputPhoneNumber"===o&&(""===e||null==e)&&n(()=>{O(String(t))})},registerComponentRef:(e,t,o)=>{if(""===t||null==t)return;const a=String(t);if(!e)return;if(p.value[a]===e)return;if(p.value[a]=e,"inputPhoneNumber"!==o)return;if((b[a]||[]).length>0)return;((e,t)=>{if(""===e||null==e||!t)return;const o=String(e),a=Array.isArray(t)?t:[t];b[o]=T(a),R()})(a,e.defaultRule)}}},ie={key:0,class:"required-field"},me={class:"custom-form-item__error"},ue={class:"text-error-validate"},de={class:"custom-form-item__success"},pe={class:"custom-form-item__info"},ce={class:"el-form-item__label-bottom"},fe={key:0},ve=m({__name:"EaeraForm",props:{className:{},classNameParentGroup:{default:""},labelPosition:{default:"top"},labelWidth:{default:"auto"},textBtnSave:{default:"Save"},textBtnClose:{default:"Close"},scrollToError:{type:Boolean,default:!0},formData:{default:()=>({})},formSchema:{default:()=>({})},formGroupRenderOptions:{default:()=>({})},onChange:{type:Function,default:()=>{}},mouseover:{type:Function,default:()=>{}},onBlur:{type:Function,default:()=>{}},onFocus:{type:Function,default:()=>{}},mouseout:{type:Function,default:()=>{}},onInput:{type:Function,default:()=>{}},keyDownEnter:{type:Function,default:()=>{}},keyUpEnter:{type:Function,default:()=>{}},onClear:{type:Function,default:()=>{}},validateOnRuleChange:{type:Boolean,default:!0},sizeFormItems:{default:"md"},labelSize:{default:"md"},prefixLabel:{type:Boolean},isMoneyInput:{type:Boolean}},emits:["submit"],setup(a,{expose:r,emit:l}){const s=a,n=l,{Component:i,suggestionEmails:m,isErrorValidateForm:V,ruleFormRef:N,rowItemComponentRefs:B,rules:R,formState:D,isValidPhoneNumber:z,isValidEmails:G,ruleForm:U,sortedGroupFormSchema:L,computedClass:A,fieldsState:K,getSizeFormItems:M,getTypeComponent:q,getNameComponent:W,getFieldsByCondition:X,submitForm:H,validateForm:J,validateField:Q,onValidate:Y,fieldErrors:Z,resetForm:ee,resetFields:te,handleKeyUpEnter:le,onInputComponent:se,onClickSuggestion:ve,onUpdateValueProp:he,registerComponentRef:_e}=ne(s,n);return r({submitForm:H,resetForm:ee,resetFields:te,validateForm:J,validateField:Q,isErrorValidateForm:V,formState:D,fieldsState:K,rowItemComponentRefs:B}),(r,l)=>{const n=o,V=t,B=e;return u(),d(B,p({ref_key:"ruleFormRef",ref:N,model:c(U),rules:c(R),labelPosition:"bottom"===s.labelPosition?void 0:s.labelPosition,onValidate:c(Y),class:["custom-form",c(A)],"scroll-to-error":a.scrollToError,"validate-on-rule-change":a.validateOnRuleChange,"label-width":"bottom"===s.labelPosition?0:s.labelWidth||"auto"},r.$attrs),{default:f(()=>[v(r.$slots,"header"),v(r.$slots,"body",{},()=>[_("div",{class:b(["custom-form__parent-group",s.classNameParentGroup])},[(u(!0),y(g,null,C(c(L),(e,t)=>(u(),y("div",{key:t},[v(r.$slots,"top_row_group_"+t),(u(),d(k(a.formGroupRenderOptions?.[t]?.tag??"div"),{class:b(a.formGroupRenderOptions?.[t]?.class??"form-group-default")},{default:f(()=>[(u(!0),y(g,null,C(c(X)(e),(e,t)=>(u(),d(V,p({key:t,class:["custom-form-item",[e.classFormItem,e.nameComponent&&`custom-form-item__${e.nameComponent}`,"bottom"===a.labelPosition&&"no-label",e.disabled&&"is-disabled",s.labelSize&&`label-size--${s.labelSize}`]],prop:t},{ref_for:!0},e.formItemProps||{}),{label:f(()=>[_("span",null,$(r.$t(e.label)),1),e.rule?.required?(u(),y("span",ie,"*")):x("",!0),e.labelTooltip?(u(),d(T,{key:1,content:r.$t(e.labelTooltip),placement:"right"},{default:f(()=>[j(n,{class:"label-tooltip"},{default:f(()=>[j(c(re))]),_:1})]),_:1},8,["content"])):x("",!0)]),error:f(({error:e})=>[v(r.$slots,"row_item_error_"+t,{error:e},()=>[_("div",me,[j(c(ae)),_("span",ue,$(r.$t(`${e}`)),1)])])]),default:f(()=>[v(r.$slots,"row_item_"+t,{data:c(U)},()=>[(u(),d(k(c(W)(e.nameComponent)),p({ref_for:!0,ref:o=>c(_e)(o,t,e.nameComponent),id:t,formatter:e.formatter,parser:e.parser,valueKey:e.valueKey,className:`${e.classComponent||""}`,modelValue:c(U)[t],"onUpdate:modelValue":e=>c(U)[t]=e,disabled:e.disabled??!1,value:c(U)[t],options:e.options||[],type:c(q)(e.type,t),filterable:e.filterable||!1,rows:e.rows,allowCreate:e.allowCreate||!1,placeholder:e.placeholder?r.$t(`${e.placeholder}`):" ",placeholderCountry:e.placeholderCountry?r.$t(`${e.placeholderCountry}`):"",autocomplete:e.autocomplete,multiple:e.multiple||!1,props:e.props,remote:e.remote||!1,"remote-method":e.remoteMethod,loading:e.loading||!1,clearable:e.clearable||!1,"value-format":e.valueFormat,isRadioButton:e.isRadioButton||!1,"fit-input-width":e.fitInputWidth||!1,collapseTags:e.collapseTags||!1,"max-collapse-tags":e.maxCollapseTags||1,treeProps:e.treeProps,keyComponent:t,defaultValue:e.defaultValue,"show-password":e.showPassword,size:c(M)(e.size),hiddenLabel:e.hiddenLabel||!1,"is-money-input":e.isMoneyInput||s.isMoneyInput,label:e.label},{ref_for:!0},e.componentProps||{},{onClear:e=>a.onClear(e,t),onUpdateValueProp:o=>c(he)(o,t,e.nameComponent),"onUpdate:isValidPhoneNumber":l[0]||(l[0]=e=>z.value=e),onChange:e=>a.onChange(e,t),onMouseover:e=>a.mouseover(e,t),onMouseout:e=>a.mouseout(e,t),onFocus:e=>a.onFocus(e,t),onBlur:e=>a.onBlur(e,t),onInput:o=>c(se)(o,t,e.type),onKeydown:F(S(e=>a.keyDownEnter(e,t),["prevent"]),["enter","native"]),onKeyup:F(S(e=>c(le)(e,t),["prevent"]),["enter","native"])},w(e.componentEvents||{})),E({default:f(()=>[v(r.$slots,"body_row_item_"+t,{data:c(U)})]),_:2},[[c(i).Select,c(i).SelectOther].includes(e.nameComponent)&&e.header?{name:"header",fn:f(()=>[v(r.$slots,"header_item_"+t,{data:c(U)},()=>[P($(e.header),1)])]),key:"0"}:e.header?{name:"header",fn:f(()=>[v(r.$slots,"header_item_"+t,{data:c(U)})]),key:"1"}:void 0,r.$slots["suffix_item_"+t]?{name:"suffix",fn:f(()=>[v(r.$slots,"suffix_item_"+t,{data:c(U)})]),key:"2"}:void 0,r.$slots["prefix_item_"+t]?{name:"prefix",fn:f(()=>[v(r.$slots,"prefix_item_"+t,{data:c(U)})]),key:"3"}:void 0,r.$slots["prepend_item_"+t]?{name:"prepend",fn:f(()=>[v(r.$slots,"prepend_item_"+t,{data:c(U)})]),key:"4"}:void 0,r.$slots["append_item_"+t]?{name:"append",fn:f(()=>[v(r.$slots,"append_item_"+t,{data:c(U)})]),key:"5"}:void 0,r.$slots["option_default_item_"+t]?{name:"option_default",fn:f(({data:e})=>[v(r.$slots,"option_default_item_"+t,{data:e})]),key:"6"}:void 0]),1040,["id","formatter","parser","valueKey","className","modelValue","onUpdate:modelValue","disabled","value","options","type","filterable","rows","allowCreate","placeholder","placeholderCountry","autocomplete","multiple","props","remote","remote-method","loading","clearable","value-format","isRadioButton","fit-input-width","collapseTags","max-collapse-tags","treeProps","keyComponent","defaultValue","show-password","size","hiddenLabel","is-money-input","label","onClear","onUpdateValueProp","onChange","onMouseover","onMouseout","onFocus","onBlur","onInput","onKeydown","onKeyup"]))]),!0!==c(Z)[String(t)]?(u(),y(g,{key:0},[!1===c(Z)[String(t)]&&e.successText?v(r.$slots,"row_item_success_"+t,{},()=>[_("div",de,[j(c(oe)),_("span",null,$(r.$t(`${e.successText}`)),1)])],void 0,0):e.infoText?v(r.$slots,"row_item_info_"+t,{},()=>[_("div",pe,[j(n,null,{default:f(()=>[j(c(re))]),_:1}),_("span",null,$(r.$t(`${e.infoText}`)),1)])],void 0,1):x("",!0)],64)):x("",!0),j(I,{suggestions:c(m)[t]??[],"is-valid":c(G)[t],show:e.showSuggestionEmail,onSelect:e=>c(ve)(e,t)},null,8,["suggestions","is-valid","show","onSelect"]),v(r.$slots,"bottom_row_item_"+t),"bottom"===a.labelPosition?v(r.$slots,"row_item_label_bottom_"+t,{},()=>[_("div",ce,$(r.$t(`${e.label}`)),1),e.required?(u(),y("span",fe,"*")):x("",!0)],void 0,1):x("",!0)]),_:2},1040,["class","prop"]))),128))]),_:2},1032,["class"])),v(r.$slots,"bottom_row_group_"+t)]))),128))],2)]),v(r.$slots,"footer",{},()=>[j(V,null,{default:f(()=>[j(O,{onClick:c(J),color:"primary"},{default:f(()=>[P($(a.textBtnSave),1)]),_:1},8,["onClick"]),j(O,{color:"primary",plain:""},{default:f(()=>[P($(a.textBtnClose),1)]),_:1})]),_:1})])]),_:3},16,["model","rules","labelPosition","onValidate","class","scroll-to-error","validate-on-rule-change","label-width"])}}});export{le as C,ve as _};
@@ -1 +1 @@
1
- import{ElSelect as e,ElOption as l,ElInput as a}from"element-plus/es";import{defineComponent as u,ref as t,computed as o,watch as s,openBlock as r,createElementBlock as n,normalizeClass as i,createVNode as c,withCtx as v,Fragment as m,renderList as d,createBlock as p,createElementVNode as b,createCommentVNode as y,toDisplayString as f,nextTick as C}from"vue";import{_}from"./EaeraCountryFlag-BAHKigTb.mjs";import{u as V}from"./vendor-unorm-Degftfa1.mjs";import{p as N}from"./phoneNumbers-Bmtkxd5J.mjs";import{p as g,i as S}from"./vendor-libphonenumber-js-bhez_Ujn.mjs";const j={class:"custom-select-country__prefix"},w={class:"custom-select-country__default"},z=u({__name:"EaeraInputPhone",props:{modelValue:{default:""},size:{default:"md"},className:{},selectClass:{},inputClass:{},inlineInput:{type:Boolean}},emits:["update:code","update:isValidPhoneNumber","blur"],setup(u,{emit:z}){const L=u,k=z,x=t(""),I=t(!1),$=t(!1),P=t(""),W=t(L.modelValue),B=o(()=>{const e=N.map(e=>({...e,value:e.label}));return x.value?e.filter(e=>U(e.label.toLowerCase()).includes(x.value)||U(e.countryName.toLowerCase()).startsWith(x.value)||U(e.native.toLowerCase()).startsWith(x.value)||U(e.countryShortCode.toLowerCase()).startsWith(x.value)):e}),E=o(()=>N.find(e=>e.label===P.value)),U=e=>V.nfkd(e).replace(/[\u0300-\u036f]/g,""),F=e=>{e||(x.value=""),x.value=U(e.toLowerCase())},q=e=>{P.value=e,C(()=>{P.value&&W.value&&A()})},A=()=>{if(!E.value)return;let e=W.value;e.includes(E.value.label)&&(e=W.value.substring(E.value.label.length).trim());const l=g(`${E.value.label}${e}`);l&&($.value=S(l.number,l.country),$.value&&(W.value=l.number),k("update:isValidPhoneNumber",$.value))},D=o(()=>["custom-input-phone",L.className,L.inlineInput&&"inline-input-phone",I.value?$.value?"is-valid":"is-invalid":""]),G=o(()=>["custom-select-country",L.size,L.selectClass]),H=o(()=>["custom-input",L.size,L.inputClass,I.value?$.value?"is-valid":"is-invalid":""]);return s(()=>W.value,e=>{if(!e)return;const l=g(e);if(l){const e=N.find(e=>e.countryShortCode===l.country)?.label||"";e&&(P.value=e)}else{const l=e;isNaN(Number(l.replace(/\s/g,"")))&&(W.value=l.slice(0,-1)),P.value&&A()}}),(u,t)=>{const o=l,s=e,C=a;return r(),n("div",{class:i(D.value)},[c(s,{id:"country_code__select",class:i(G.value),modelValue:P.value,"onUpdate:modelValue":t[0]||(t[0]=e=>P.value=e),filterable:"",remote:"","remote-method":F,"popper-class":"custom-select-country__popper",clearable:!L.inlineInput,onChange:q,placeholder:"+1"},{prefix:v(()=>[b("div",j,[E.value?.countryShortCode?(r(),p(_,{key:0,country:E.value.countryShortCode,size:28,radius:"sm",border:""},null,8,["country"])):y("",!0)])]),default:v(()=>[(r(!0),n(m,null,d(B.value,e=>(r(),p(o,{key:e.value,value:e.value,label:e.label},{default:v(()=>[b("div",w,[e?.countryShortCode?(r(),p(_,{key:0,country:e?.countryShortCode,size:16,radius:"sm",border:""},null,8,["country"])):y("",!0),b("span",null,f(`${e.label} (${e.native})`),1)])]),_:2},1032,["value","label"]))),128))]),_:1},8,["class","modelValue","clearable"]),c(C,{id:"phone_number__input",class:i(H.value),modelValue:W.value,"onUpdate:modelValue":t[1]||(t[1]=e=>W.value=e),type:"text",onBlur:t[2]||(t[2]=e=>{I.value=!0,k("blur",e)})},null,8,["class","modelValue"])],2)}}});export{z as _};
1
+ import{ElSelect as e,ElOption as l,ElInput as a}from"element-plus/es";import{defineComponent as u,ref as t,computed as o,watch as s,openBlock as r,createElementBlock as n,normalizeClass as i,createVNode as c,withCtx as v,Fragment as m,renderList as d,createBlock as p,createElementVNode as b,createCommentVNode as y,toDisplayString as f,nextTick as C}from"vue";import{_}from"./EaeraCountryFlag-HdsCS-D7.mjs";import{u as V}from"./vendor-unorm-Degftfa1.mjs";import{p as N}from"./phoneNumbers-Bmtkxd5J.mjs";import{p as g,i as S}from"./vendor-libphonenumber-js-bhez_Ujn.mjs";const j={class:"custom-select-country__prefix"},w={class:"custom-select-country__default"},z=u({__name:"EaeraInputPhone",props:{modelValue:{default:""},size:{default:"md"},className:{},selectClass:{},inputClass:{},inlineInput:{type:Boolean}},emits:["update:code","update:isValidPhoneNumber","blur"],setup(u,{emit:z}){const L=u,k=z,x=t(""),I=t(!1),$=t(!1),P=t(""),W=t(L.modelValue),B=o(()=>{const e=N.map(e=>({...e,value:e.label}));return x.value?e.filter(e=>U(e.label.toLowerCase()).includes(x.value)||U(e.countryName.toLowerCase()).startsWith(x.value)||U(e.native.toLowerCase()).startsWith(x.value)||U(e.countryShortCode.toLowerCase()).startsWith(x.value)):e}),E=o(()=>N.find(e=>e.label===P.value)),U=e=>V.nfkd(e).replace(/[\u0300-\u036f]/g,""),F=e=>{e||(x.value=""),x.value=U(e.toLowerCase())},q=e=>{P.value=e,C(()=>{P.value&&W.value&&A()})},A=()=>{if(!E.value)return;let e=W.value;e.includes(E.value.label)&&(e=W.value.substring(E.value.label.length).trim());const l=g(`${E.value.label}${e}`);l&&($.value=S(l.number,l.country),$.value&&(W.value=l.number),k("update:isValidPhoneNumber",$.value))},D=o(()=>["custom-input-phone",L.className,L.inlineInput&&"inline-input-phone",I.value?$.value?"is-valid":"is-invalid":""]),G=o(()=>["custom-select-country",L.size,L.selectClass]),H=o(()=>["custom-input",L.size,L.inputClass,I.value?$.value?"is-valid":"is-invalid":""]);return s(()=>W.value,e=>{if(!e)return;const l=g(e);if(l){const e=N.find(e=>e.countryShortCode===l.country)?.label||"";e&&(P.value=e)}else{const l=e;isNaN(Number(l.replace(/\s/g,"")))&&(W.value=l.slice(0,-1)),P.value&&A()}}),(u,t)=>{const o=l,s=e,C=a;return r(),n("div",{class:i(D.value)},[c(s,{id:"country_code__select",class:i(G.value),modelValue:P.value,"onUpdate:modelValue":t[0]||(t[0]=e=>P.value=e),filterable:"",remote:"","remote-method":F,"popper-class":"custom-select-country__popper",clearable:!L.inlineInput,onChange:q,placeholder:"+1"},{prefix:v(()=>[b("div",j,[E.value?.countryShortCode?(r(),p(_,{key:0,country:E.value.countryShortCode,size:28,radius:"sm",border:""},null,8,["country"])):y("",!0)])]),default:v(()=>[(r(!0),n(m,null,d(B.value,e=>(r(),p(o,{key:e.value,value:e.value,label:e.label},{default:v(()=>[b("div",w,[e?.countryShortCode?(r(),p(_,{key:0,country:e?.countryShortCode,size:16,radius:"sm",border:""},null,8,["country"])):y("",!0),b("span",null,f(`${e.label} (${e.native})`),1)])]),_:2},1032,["value","label"]))),128))]),_:1},8,["class","modelValue","clearable"]),c(C,{id:"phone_number__input",class:i(H.value),modelValue:W.value,"onUpdate:modelValue":t[1]||(t[1]=e=>W.value=e),type:"text",onBlur:t[2]||(t[2]=e=>{I.value=!0,k("blur",e)})},null,8,["class","modelValue"])],2)}}});export{z as _};
@@ -1 +1 @@
1
- import{defineComponent as e,openBlock as o,createElementBlock as t,unref as l,normalizeClass as n,renderSlot as a,createVNode as u,isRef as s,withCtx as r,createElementVNode as i,toDisplayString as d,createCommentVNode as c}from"vue";import{_ as p}from"./EaeraCountryFlag-BAHKigTb.mjs";import{u as m}from"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import{_ as f}from"./EaeraSelectV2-C8auhaRC.mjs";import{_ as y}from"./EaeraInput-CkbcAxy0.mjs";const _={class:"custom-select-country__prefix"},b={class:"custom-select-country__default"},C=e({__name:"EaeraInputPhoneNumber",props:{value:{default:""},placeholder:{default:""},placeholderCountry:{},className:{},selectClass:{default:""},inputClass:{default:""},options:{default:()=>[]},size:{default:"md"},immediateUpdateValue:{type:Boolean,default:!1},inlineInput:{type:Boolean,default:!1},country:{},separatePhone:{type:Boolean},disabled:{type:Boolean,default:!1}},emits:["updateValueProp","update:isValidPhoneNumber","visible-change","country-selected","interaction-lock-change","interaction-complete","blur"],setup(e,{expose:C,emit:v}){const V=e,g=v,{containerRef:F,selectCountryRef:x,inputPhoneRef:I,countryCode:R,phoneNumber:P,isValidate:z,countryOptions:B,computedClass:j,computedSelectClass:E,computedInputClass:N,updateCombinedValue:k,customFilter:w,onContainerMouseDown:S,onContainerFocusIn:U,onContainerFocusOut:D,handleCountryChange:M,onCountryDropdownVisibleChange:O,enterCountrySelectionFlow:$,defaultRule:q,resetField:A}=m(V,g);return C({focus:$,defaultRule:q,resetField:A}),(m,C)=>(o(),t("div",{ref_key:"containerRef",ref:F,class:n(["custom-input-phone",l(j)]),tabindex:"-1",onFocusin:C[3]||(C[3]=(...e)=>l(U)&&l(U)(...e)),onFocusout:C[4]||(C[4]=(...e)=>l(D)&&l(D)(...e)),onMousedownCapture:C[5]||(C[5]=(...e)=>l(S)&&l(S)(...e))},[a(m.$slots,"prefix"),u(f,{ref_key:"selectCountryRef",ref:x,id:"country_code__select",modelValue:l(R),"onUpdate:modelValue":C[0]||(C[0]=e=>s(R)?R.value=e:null),options:l(B),placeholder:e.placeholderCountry||"+1","popper-class":"custom-select-country__popper custom-select-phone__popper",class:n(["custom-select-country custom-select input-phone-number__country-select",l(E)]),filterable:!0,"remote-method":l(w),"validate-event":!!l(P),disabled:e.disabled,remote:"",clearable:"",onChange:l(M),onVisibleChange:l(O)},{prefix:r(()=>[l(R)?c("",!0):a(m.$slots,"prefix-country-placeholder",{},()=>[C[6]||(C[6]=i("div",{class:"prefix-country-placeholder"},null,-1))],void 0,0),i("div",_,[u(p,{country:l(R)||"",size:30,radius:"sm",border:""},null,8,["country"])])]),default:r(({item:e})=>[i("div",b,[u(p,{country:e?.countryShortCode||"",size:16,radius:"sm",border:""},null,8,["country"]),i("span",null,d(e.label+" "+e.native),1)])]),_:3},8,["modelValue","options","placeholder","class","remote-method","validate-event","disabled","onChange","onVisibleChange"]),u(y,{id:"phone_number__input",ref_key:"inputPhoneRef",ref:I,class:n(["custom-input input-phone-number__phone-input",l(N)]),type:"tel",modelValue:l(P),"onUpdate:modelValue":C[1]||(C[1]=e=>s(P)?P.value=e:null),disabled:e.disabled,placeholder:e.placeholder,size:V.size,"validate-event":!!l(P),onBlur:C[2]||(C[2]=e=>z.value=!0),onInput:l(k)},null,8,["class","modelValue","disabled","placeholder","size","validate-event","onInput"])],34))}});export{C as _};
1
+ import{defineComponent as e,openBlock as o,createElementBlock as t,unref as l,normalizeClass as n,renderSlot as a,createVNode as u,isRef as s,withCtx as r,createElementVNode as i,toDisplayString as d,createCommentVNode as c}from"vue";import{_ as p}from"./EaeraCountryFlag-HdsCS-D7.mjs";import{u as m}from"./useEaeraInputPhoneNumber-B72aLnQs.mjs";import{_ as f}from"./EaeraSelectV2-C8auhaRC.mjs";import{_ as y}from"./EaeraInput-CkbcAxy0.mjs";const _={class:"custom-select-country__prefix"},b={class:"custom-select-country__default"},C=e({__name:"EaeraInputPhoneNumber",props:{value:{default:""},placeholder:{default:""},placeholderCountry:{},className:{},selectClass:{default:""},inputClass:{default:""},options:{default:()=>[]},size:{default:"md"},immediateUpdateValue:{type:Boolean,default:!1},inlineInput:{type:Boolean,default:!1},country:{},separatePhone:{type:Boolean},disabled:{type:Boolean,default:!1}},emits:["updateValueProp","update:isValidPhoneNumber","visible-change","country-selected","interaction-lock-change","interaction-complete","blur"],setup(e,{expose:C,emit:v}){const V=e,g=v,{containerRef:F,selectCountryRef:x,inputPhoneRef:I,countryCode:R,phoneNumber:P,isValidate:z,countryOptions:B,computedClass:j,computedSelectClass:E,computedInputClass:N,updateCombinedValue:k,customFilter:w,onContainerMouseDown:S,onContainerFocusIn:U,onContainerFocusOut:D,handleCountryChange:M,onCountryDropdownVisibleChange:O,enterCountrySelectionFlow:$,defaultRule:q,resetField:A}=m(V,g);return C({focus:$,defaultRule:q,resetField:A}),(m,C)=>(o(),t("div",{ref_key:"containerRef",ref:F,class:n(["custom-input-phone",l(j)]),tabindex:"-1",onFocusin:C[3]||(C[3]=(...e)=>l(U)&&l(U)(...e)),onFocusout:C[4]||(C[4]=(...e)=>l(D)&&l(D)(...e)),onMousedownCapture:C[5]||(C[5]=(...e)=>l(S)&&l(S)(...e))},[a(m.$slots,"prefix"),u(f,{ref_key:"selectCountryRef",ref:x,id:"country_code__select",modelValue:l(R),"onUpdate:modelValue":C[0]||(C[0]=e=>s(R)?R.value=e:null),options:l(B),placeholder:e.placeholderCountry||"+1","popper-class":"custom-select-country__popper custom-select-phone__popper",class:n(["custom-select-country custom-select input-phone-number__country-select",l(E)]),filterable:!0,"remote-method":l(w),"validate-event":!!l(P),disabled:e.disabled,remote:"",clearable:"",onChange:l(M),onVisibleChange:l(O)},{prefix:r(()=>[l(R)?c("",!0):a(m.$slots,"prefix-country-placeholder",{},()=>[C[6]||(C[6]=i("div",{class:"prefix-country-placeholder"},null,-1))],void 0,0),i("div",_,[u(p,{country:l(R)||"",size:30,radius:"sm",border:""},null,8,["country"])])]),default:r(({item:e})=>[i("div",b,[u(p,{country:e?.countryShortCode||"",size:16,radius:"sm",border:""},null,8,["country"]),i("span",null,d(e.label+" "+e.native),1)])]),_:3},8,["modelValue","options","placeholder","class","remote-method","validate-event","disabled","onChange","onVisibleChange"]),u(y,{id:"phone_number__input",ref_key:"inputPhoneRef",ref:I,class:n(["custom-input input-phone-number__phone-input",l(N)]),type:"tel",modelValue:l(P),"onUpdate:modelValue":C[1]||(C[1]=e=>s(P)?P.value=e:null),disabled:e.disabled,placeholder:e.placeholder,size:V.size,"validate-event":!!l(P),onBlur:C[2]||(C[2]=e=>z.value=!0),onInput:l(k)},null,8,["class","modelValue","disabled","placeholder","size","validate-event","onInput"])],34))}});export{C as _};
@@ -1 +1 @@
1
- import{ElIcon as e}from"element-plus/es";import{defineComponent as l,useModel as t,useAttrs as a,openBlock as o,createBlock as s,mergeProps as r,createSlots as u,withCtx as m,createElementVNode as i,normalizeClass as c,createVNode as p,createTextVNode as d,toDisplayString as n,createCommentVNode as f,unref as v,renderSlot as _,createElementBlock as $,Fragment as z,renderList as b,normalizeProps as g,guardReactiveProps as k,mergeModels as y}from"vue";import{Check as V}from"@lucide/vue";import{_ as x}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraTag-DOpHFhCO.mjs";import{_ as S}from"./EaeraCheckbox-C_faN0pV.mjs";const j=l({__name:"EaeraSelectStatus",props:y({color:{default:"default"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const y=t(l,"modelValue"),j=a(),C=e=>{const l=(e=>e[`${j.valueProp??"value"}`])(e);return j.multiple&&Array.isArray(y.value)?y.value.includes(l):y.value===l},A=e=>j.options?.find(l=>l[j.valueProp??"value"]===e)?.color;return(t,a)=>{const j=e;return o(),s(x,r(t.$attrs,{modelValue:y.value,"onUpdate:modelValue":a[0]||(a[0]=e=>y.value=e),class:"option-type-status"}),u({label:m(({label:e,value:a})=>[_(t.$slots,"label",{label:e,value:a},()=>[p(E,{variant:"status",effect:"light",color:A(a)??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md"},{default:m(()=>[d(n(e),1)]),_:2},1032,["color","size"])])]),option_default:m(({data:e})=>[i("span",{class:c(["custom-popper__option-text",{"is-selected":C(e)}])},[p(E,{variant:"status",effect:"light",color:e.color??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md"},{default:m(()=>[d(n(e.label),1)]),_:2},1032,["color","size"])],2),t.$attrs.multiple?(o(),s(S,{key:0,"model-value":C(e),size:"sm",class:"custom-popper__option-checkbox"},null,8,["model-value"])):f("",!0),!t.$attrs.multiple&&C(e)?(o(),s(j,{key:1,class:"custom-popper__option-tick"},{default:m(()=>[p(v(V))]),_:1})):f("",!0)]),_:2},[t.$attrs.multiple?{name:"tag",fn:m(({data:e,deleteTag:a})=>[(o(!0),$(z,null,b(e,e=>(o(),s(E,{key:String(e.value),variant:"status",effect:"light",color:A(e.value)??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md",closable:"",onClose:l=>a(l,e)},{default:m(()=>[d(n(e.currentLabel),1)]),_:2},1032,["color","size","onClose"]))),128))]),key:"0"}:void 0,b(t.$slots,(e,l)=>({name:l,fn:m(e=>[_(t.$slots,l,g(k(e??{})))])}))]),1040,["modelValue"])}}});export{j as _};
1
+ import{ElIcon as e}from"element-plus/es";import{defineComponent as l,useModel as t,useAttrs as a,openBlock as o,createBlock as s,mergeProps as r,createSlots as u,withCtx as m,createElementVNode as i,normalizeClass as c,createVNode as p,createTextVNode as d,toDisplayString as n,createCommentVNode as f,unref as v,renderSlot as _,createElementBlock as $,Fragment as z,renderList as b,normalizeProps as g,guardReactiveProps as k,mergeModels as y}from"vue";import{Check as V}from"@lucide/vue";import{_ as x}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraTag-BgmzVuUW.mjs";import{_ as S}from"./EaeraCheckbox-C_faN0pV.mjs";const j=l({__name:"EaeraSelectStatus",props:y({color:{default:"default"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const y=t(l,"modelValue"),j=a(),C=e=>{const l=(e=>e[`${j.valueProp??"value"}`])(e);return j.multiple&&Array.isArray(y.value)?y.value.includes(l):y.value===l},A=e=>j.options?.find(l=>l[j.valueProp??"value"]===e)?.color;return(t,a)=>{const j=e;return o(),s(x,r(t.$attrs,{modelValue:y.value,"onUpdate:modelValue":a[0]||(a[0]=e=>y.value=e),class:"option-type-status"}),u({label:m(({label:e,value:a})=>[_(t.$slots,"label",{label:e,value:a},()=>[p(E,{variant:"status",effect:"light",color:A(a)??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md"},{default:m(()=>[d(n(e),1)]),_:2},1032,["color","size"])])]),option_default:m(({data:e})=>[i("span",{class:c(["custom-popper__option-text",{"is-selected":C(e)}])},[p(E,{variant:"status",effect:"light",color:e.color??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md"},{default:m(()=>[d(n(e.label),1)]),_:2},1032,["color","size"])],2),t.$attrs.multiple?(o(),s(S,{key:0,"model-value":C(e),size:"sm",class:"custom-popper__option-checkbox"},null,8,["model-value"])):f("",!0),!t.$attrs.multiple&&C(e)?(o(),s(j,{key:1,class:"custom-popper__option-tick"},{default:m(()=>[p(v(V))]),_:1})):f("",!0)]),_:2},[t.$attrs.multiple?{name:"tag",fn:m(({data:e,deleteTag:a})=>[(o(!0),$(z,null,b(e,e=>(o(),s(E,{key:String(e.value),variant:"status",effect:"light",color:A(e.value)??l.color??"default",size:"sm"===t.$attrs.size?"sm":"md",closable:"",onClose:l=>a(l,e)},{default:m(()=>[d(n(e.currentLabel),1)]),_:2},1032,["color","size","onClose"]))),128))]),key:"0"}:void 0,b(t.$slots,(e,l)=>({name:l,fn:m(e=>[_(t.$slots,l,g(k(e??{})))])}))]),1040,["modelValue"])}}});export{j as _};
@@ -1 +1 @@
1
- import{ElIcon as e}from"element-plus/es";import{defineComponent as l,useModel as o,useAttrs as a,openBlock as t,createBlock as s,mergeProps as r,createSlots as m,withCtx as u,createElementVNode as i,normalizeClass as p,createVNode as c,createTextVNode as d,toDisplayString as n,createCommentVNode as f,unref as v,renderSlot as _,createElementBlock as y,Fragment as $,renderList as g,normalizeProps as z,guardReactiveProps as b,mergeModels as k}from"vue";import{Check as V}from"@lucide/vue";import{_ as x}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraTag-DOpHFhCO.mjs";import{_ as j}from"./EaeraCheckbox-C_faN0pV.mjs";const C=l({__name:"EaeraSelectTag",props:k({color:{default:"primary"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const k=o(l,"modelValue"),C=a(),S=e=>{const l=(e=>e[`${C.valueProp??"value"}`])(e);return C.multiple&&Array.isArray(k.value)?k.value.includes(l):k.value===l},T=e=>C.options?.find(l=>l[C.valueProp??"value"]===e)?.color;return(o,a)=>{const C=e;return t(),s(x,r(o.$attrs,{modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=e=>k.value=e),class:"option-type-tag"}),m({label:u(({label:e,value:a})=>[_(o.$slots,"label",{label:e,value:a},()=>[c(E,{effect:"light",color:T(a)??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md"},{default:u(()=>[d(n(e),1)]),_:2},1032,["color","size"])])]),option_default:u(({data:e})=>[i("span",{class:p(["custom-popper__option-text",{"is-selected":S(e)}])},[c(E,{effect:"light",color:e.color??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md"},{default:u(()=>[d(n(e.label),1)]),_:2},1032,["color","size"])],2),o.$attrs.multiple?(t(),s(j,{key:0,"model-value":S(e),size:"sm",class:"custom-popper__option-checkbox"},null,8,["model-value"])):f("",!0),!o.$attrs.multiple&&S(e)?(t(),s(C,{key:1,class:"custom-popper__option-tick"},{default:u(()=>[c(v(V))]),_:1})):f("",!0)]),_:2},[o.$attrs.multiple?{name:"tag",fn:u(({data:e,deleteTag:a})=>[(t(!0),y($,null,g(e,e=>(t(),s(E,{key:String(e.value),effect:"light",color:T(e.value)??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md",closable:"",onClose:l=>a(l,e)},{default:u(()=>[d(n(e.currentLabel),1)]),_:2},1032,["color","size","onClose"]))),128))]),key:"0"}:void 0,g(o.$slots,(e,l)=>({name:l,fn:u(e=>[_(o.$slots,l,z(b(e??{})))])}))]),1040,["modelValue"])}}});export{C as _};
1
+ import{ElIcon as e}from"element-plus/es";import{defineComponent as l,useModel as o,useAttrs as a,openBlock as t,createBlock as s,mergeProps as r,createSlots as m,withCtx as u,createElementVNode as i,normalizeClass as p,createVNode as c,createTextVNode as d,toDisplayString as n,createCommentVNode as f,unref as v,renderSlot as _,createElementBlock as y,Fragment as $,renderList as g,normalizeProps as z,guardReactiveProps as b,mergeModels as k}from"vue";import{Check as V}from"@lucide/vue";import{_ as x}from"./EaeraSelect-BxZRZofe.mjs";import{_ as E}from"./EaeraTag-BgmzVuUW.mjs";import{_ as j}from"./EaeraCheckbox-C_faN0pV.mjs";const C=l({__name:"EaeraSelectTag",props:k({color:{default:"primary"}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const k=o(l,"modelValue"),C=a(),S=e=>{const l=(e=>e[`${C.valueProp??"value"}`])(e);return C.multiple&&Array.isArray(k.value)?k.value.includes(l):k.value===l},T=e=>C.options?.find(l=>l[C.valueProp??"value"]===e)?.color;return(o,a)=>{const C=e;return t(),s(x,r(o.$attrs,{modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=e=>k.value=e),class:"option-type-tag"}),m({label:u(({label:e,value:a})=>[_(o.$slots,"label",{label:e,value:a},()=>[c(E,{effect:"light",color:T(a)??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md"},{default:u(()=>[d(n(e),1)]),_:2},1032,["color","size"])])]),option_default:u(({data:e})=>[i("span",{class:p(["custom-popper__option-text",{"is-selected":S(e)}])},[c(E,{effect:"light",color:e.color??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md"},{default:u(()=>[d(n(e.label),1)]),_:2},1032,["color","size"])],2),o.$attrs.multiple?(t(),s(j,{key:0,"model-value":S(e),size:"sm",class:"custom-popper__option-checkbox"},null,8,["model-value"])):f("",!0),!o.$attrs.multiple&&S(e)?(t(),s(C,{key:1,class:"custom-popper__option-tick"},{default:u(()=>[c(v(V))]),_:1})):f("",!0)]),_:2},[o.$attrs.multiple?{name:"tag",fn:u(({data:e,deleteTag:a})=>[(t(!0),y($,null,g(e,e=>(t(),s(E,{key:String(e.value),effect:"light",color:T(e.value)??l.color??"primary",size:"sm"===o.$attrs.size?"sm":"md",closable:"",onClose:l=>a(l,e)},{default:u(()=>[d(n(e.currentLabel),1)]),_:2},1032,["color","size","onClose"]))),128))]),key:"0"}:void 0,g(o.$slots,(e,l)=>({name:l,fn:u(e=>[_(o.$slots,l,z(b(e??{})))])}))]),1040,["modelValue"])}}});export{C as _};
@@ -1 +1 @@
1
- import{ElSlider as e}from"element-plus/es";import{defineComponent as t,useModel as o,ref as s,onMounted as l,onUnmounted as a,openBlock as n,createElementBlock as u,createVNode as r,normalizeClass as i,mergeModels as d}from"vue";import{Minus as p,Plus as m}from"@lucide/vue";import{g as c}from"./iconSvg-DTZkgsHi.mjs";const f=t({__name:"EaeraSlider",props:d({size:{default:"md"},disabled:{type:Boolean,default:!1},showStops:{type:Boolean,default:!1},showInput:{type:Boolean,default:!1},range:{type:Boolean,default:!1},min:{default:0},max:{default:100},step:{default:1}},{modelValue:{default:50},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const d=t;let f=null;const w=o(t,"modelValue"),_=s(null),b=e=>{const t=e.querySelector(".el-input-number__decrease");t&&(t.innerHTML=c(p,16));const o=e.querySelector(".el-input-number__increase");o&&(o.innerHTML=c(m,16))};return l(()=>{if(!d.showInput)return;const e=_.value;e&&(b(e),f=new MutationObserver(()=>b(e)),f.observe(e,{childList:!0,subtree:!0}))}),a(()=>f?.disconnect()),(o,s)=>{const l=e;return n(),u("div",{ref_key:"sliderRef",ref:_},[r(l,{modelValue:w.value,"onUpdate:modelValue":s[0]||(s[0]=e=>w.value=e),class:i(["custom-slider",t.size]),disabled:t.disabled,"show-stops":t.showStops,range:t.range,min:t.min,max:t.max,step:t.step,"show-input":t.showInput,"tooltip-class":"custom-tooltip__popper"},null,8,["modelValue","class","disabled","show-stops","range","min","max","step","show-input"])],512)}}});export{f as _};
1
+ import{ElSlider as e}from"element-plus/es";import{defineComponent as t,useModel as o,ref as s,onMounted as l,onUnmounted as a,openBlock as n,createElementBlock as u,createVNode as r,normalizeClass as i,mergeModels as d}from"vue";import{Minus as p,Plus as m}from"@lucide/vue";import{g as c}from"./iconSvg-BrZD7vO3.mjs";const f=t({__name:"EaeraSlider",props:d({size:{default:"md"},disabled:{type:Boolean,default:!1},showStops:{type:Boolean,default:!1},showInput:{type:Boolean,default:!1},range:{type:Boolean,default:!1},min:{default:0},max:{default:100},step:{default:1}},{modelValue:{default:50},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const d=t;let f=null;const w=o(t,"modelValue"),_=s(null),b=e=>{const t=e.querySelector(".el-input-number__decrease");t&&(t.innerHTML=c(p,16));const o=e.querySelector(".el-input-number__increase");o&&(o.innerHTML=c(m,16))};return l(()=>{if(!d.showInput)return;const e=_.value;e&&(b(e),f=new MutationObserver(()=>b(e)),f.observe(e,{childList:!0,subtree:!0}))}),a(()=>f?.disconnect()),(o,s)=>{const l=e;return n(),u("div",{ref_key:"sliderRef",ref:_},[r(l,{modelValue:w.value,"onUpdate:modelValue":s[0]||(s[0]=e=>w.value=e),class:i(["custom-slider",t.size]),disabled:t.disabled,"show-stops":t.showStops,range:t.range,min:t.min,max:t.max,step:t.step,"show-input":t.showInput,"tooltip-class":"custom-tooltip__popper"},null,8,["modelValue","class","disabled","show-stops","range","min","max","step","show-input"])],512)}}});export{f as _};
@@ -1 +1 @@
1
- import{ElTableColumn as e,ElLoadingDirective as a}from"element-plus/es";import{defineComponent as t,useModel as l,ref as r,reactive as s,computed as o,watch as i,onMounted as n,onBeforeUnmount as d,openBlock as c,createElementBlock as u,normalizeClass as f,renderSlot as p,withDirectives as y,createBlock as m,unref as v,mergeProps as k,withCtx as g,Fragment as b,renderList as _,resolveDynamicComponent as x,createCommentVNode as w,createElementVNode as C,toDisplayString as $,createTextVNode as S,createSlots as B,createVNode as I,mergeModels as z}from"vue";import{ElTable as E}from"element-plus";import{u as F}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as T}from"vue-i18n";import{S as j}from"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as P}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as D}from"./EaeraInput-CkbcAxy0.mjs";import{_ as H}from"./EaeraSelect-BxZRZofe.mjs";import{_ as R}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as L}from"./EaeraPagination-BKcbraqK.mjs";import{_ as A}from"./EaeraSelectTag-Cx9m6w-B.mjs";import{_ as M}from"./EaeraSelectStatus-DzcWR8fd.mjs";import{_ as V}from"./EaeraButton-DGfjUoa6.mjs";import{_ as K}from"./EaeraEmpty-CnGp7eaH.mjs";import{_ as O}from"./EaeraDataCard-Mw6cuEQT.mjs";import{ChevronDown as U,ChevronUp as q,ArrowUp as N,ArrowDown as Z,ArrowDownUp as W}from"@lucide/vue";const G=["createdAt","completedAt","updatedAt","hiredAt","datetimeOfIssue","dateOfBirth","expirationAt"],J={key:0},Q={key:0,class:"custom-table__header"},X=["onClick"],Y={key:0,class:"filter"},ee=["innerHTML"],ae={key:0},te=["onClick"],le=["colspan"],re={key:0,class:"table-v2__cards-empty"},se={key:2,class:"table__pagination"},oe=t({__name:"EaeraTableV2",props:z({id:{},fetchData:{type:Function,default:(e=1,a=1,t={},l={})=>{}},items:{},fields:{},perPage:{default:20},currentPage:{default:1},totalRows:{default:100},selected:{default:()=>[]},showLoading:{type:Boolean,default:!1},showFilterByDefault:{type:Boolean,default:!0},isHiddenHeader:{type:Boolean,default:!1},filterForm:{},filterBy:{},hideFooter:{type:Boolean,default:!1},initFunc:{type:Function,default:()=>{}},stripe:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},size:{default:"small"},tableRowClassName:{default:""},classTable:{default:""},classCards:{default:""},tableLayout:{default:"fixed"},sizeFormItems:{default:"xs"},layout:{default:"prev, pager, next"},pagerCount:{default:7},allowSortReset:{type:Boolean},pageSizes:{default:()=>[5,10,20,30,50]},viewMode:{default:"table"},mobileBreakpoint:{default:768}},{pageSize:{default:5},pageSizeModifiers:{}}),emits:z(["on-row-click","update:selected-row","dragStart","dragEnd","update:onFilterChanged","update:onSortChanged","update:currentPage","update:perPage"],["update:pageSize"]),setup(t,{expose:z,emit:oe}){const ie=t,ne=oe,de={select:H,"select-tag":A,"select-status":M,input:D,date:R,daterange:P},ce=l(t,"pageSize"),ue=r(0),fe=r([]),pe=r(ie.fields),ye=r(ie.showFilterByDefault),me=s({}),ve=s(ie.filterForm||{}),ke=s(ie.filterBy||{}),ge=r([]),he=r(ie.currentPage),be=r(ie.showLoading),_e=r(ie.selected),xe=r(0),we=r(null),{t:Ce}=T(),$e=r(!1),Se=F(()=>`(max-width: ${ie.mobileBreakpoint}px)`),Be=o(()=>"card"===ie.viewMode||"auto"===ie.viewMode&&($e.value&&Se.value)),Ie=e=>pe.value.filter(e=>e.key&&"selection"!==e.type&&"expand"!==e.type).map(a=>({key:String(a.key),label:Ce(a?.label||"")??"",value:De(e,a)??"",isStatus:a.isStatus??!1,statusVariant:a.statusVariant})),ze=(e="")=>de[e]||null,Ee=()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=e.filter?.initialVal)})},Fe=(e,a,t)=>ne("on-row-click",e,a,t),Te=e=>{ge.value=e.map(e=>e.selectionID),ne("update:selected-row",e)},je=(e,a)=>{if(!a)return;if(!(me.key===a))return me.key=a,void(me.direction="asc");ie.allowSortReset?"asc"===me.direction?me.direction="desc":"desc"===me.direction?(me.key=void 0,me.direction=void 0):me.direction="asc":me.direction="asc"===me.direction?"desc":"asc"},Pe=(e,a)=>{if(!a)return e;const t=a.split(".");let l=e;for(const r of t){if(null==l||void 0===l)return;l=l[r]}return l},De=(e,a)=>{if(!a||!a.key)return"";if(!a||!a?.formatter)return Pe(e,a.key);try{const t=Pe(e,a.key);return a.formatter?.(t,a.key,e)}catch(t){return console.error(t),"error"}},He=async()=>{try{be.value=!0,await ie.fetchData(he.value,ce.value,ke,me)}catch(e){console.error(e)}finally{be.value=!1}},Re=(e,a,t)=>{if(!a)return a;if(G.includes(e)&&Array.isArray(a)){const e=a[0].split("-"),t=a[1].split("-");return[`${e[2]}-${e[1]}-${e[0]}T00:00:00.000Z`,`${t[2]}-${t[1]}-${t[0]}T23:59:59.000Z`]}return a},Le=(e,a,t)=>{const l=t.filter_key||(a.includes(".")?a.split(".").pop():a);let r=Re(a,e);if(e&&""!==r){if("-"===r)ke[l]={type:"exists",is_reverse:!0};else if(ke[l]={type:t.filterType??(s=t.type,"daterange"==s?"inrange":"date"==s||"select"==s?"equals":"contains"),value:Re(a,e)},t.is_reverse){let e="false"!==r;ke[l].is_reverse=["exists"].includes(t.filterType)?e:t.is_reverse}}else delete ke[l];var s},Ae=(e,a)=>me.key==e||me.key==a,Me=r(null),Ve=({row:e,rowIndex:a})=>((ge.value.includes(a)?"highlight":"")+" "+ie.tableRowClassName).trim();return i(()=>ie.items,()=>{fe.value=(ie.items??[]).map((e,a)=>({...e,selectionID:a}))},{deep:!0,immediate:!0}),i(()=>ie.fields,()=>{pe.value=ie.fields??[]}),i([ce,he,ke],()=>{ne("update:currentPage",he.value),ne("update:perPage",ce.value),He()},{deep:!0,immediate:!0}),i(()=>me,()=>{ne("update:onSortChanged",me),He()},{deep:!0}),i(()=>ie.filterBy,()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=ie.filterBy?.[e.key]?.value)}),0==Object.keys(ie.filterBy||{}).length&&Object.keys(ke).forEach(e=>{delete ke[e]});for(const e in ie.filterBy)ie.filterBy?.state?""==ie.filterBy?.state?.value?delete ke[e]:ie.filterBy?.state?.value!==ke?.state?.value&&(ke.state=ie.filterBy.state):""==ie.filterBy[e]?.value?delete ke[e]:ke[e]=ie.filterBy[e]},{deep:!0,immediate:!0}),i(()=>ie.selected,()=>{_e.value=ie.selected}),i(()=>ke,()=>{ne("update:onFilterChanged",ke)},{deep:!0,immediate:!0}),i(()=>ie.showLoading,e=>{be.value=e}),n(()=>{$e.value=!0,Ee(),ie.initFunc(),(()=>{if(!ie.draggable||!ie.id)return;const e=document.querySelector(`#${ie.id} .el-table__body-wrapper tbody`);e&&(Me.value?.destroy(),Me.value=j.create(e,{animation:180,filter:".not-draggable",onEnd:e=>{ne("dragEnd",e)},onStart:e=>ne("dragStart",e)}))})()}),d(()=>{Me.value?.destroy(),Me.value=null}),z({checkedRows:_e,rowExpansion:(e,a)=>{we.value.toggleRowExpansion(e,a)},clearSelection:()=>{we.value?.clearSelection()},reloadTable:He,setScrollTop:e=>{we.value.setScrollTop(e)},pageIndex:he,loading:be,sort:me,sortTable:je,tableRef:we,isCardMode:Be}),(l,r)=>{const s=e,o=a;return c(),u("div",{class:f(["table-v2-wrapper",{"is-card-mode":Be.value}])},[p(l.$slots,"table-v2-header-actions"),Be.value?y((c(),u("div",{key:1,class:f(["table-v2__cards",t.classCards])},[0===fe.value.length?(c(),u("div",re,[p(l.$slots,"empty",{},()=>[I(K,{title:"There is no data to show"})])])):(c(!0),u(b,{key:1},_(fe.value,(e,a)=>(c(),u("div",{key:e.selectionID??a,class:"table-v2__card-item"},[p(l.$slots,"card",{item:e,index:a},()=>[I(O,{items:Ie(e),"show-header":!1},null,8,["items"])])]))),128))],2)),[[o,be.value]]):(c(),u("div",J,[y((c(),m(v(E),k({ref_key:"eaeraTable",ref:we,id:t.id,class:["custom-table",[{isHiddenHeader:t.isHiddenHeader,"is-filter-visible":ye.value},t.classTable]],size:t.size,data:fe.value,onRowClick:Fe,onSelectionChange:Te,stripe:t.stripe,key:xe.value,"row-class-name":Ve,"table-layout":t.tableLayout},l.$attrs),{empty:g(()=>[p(l.$slots,"empty",{},()=>[C("div",{colspan:(t.fields??[]).length,class:"custom-table__empty"}," There is no data to show ",8,le)])]),append:g(()=>[p(l.$slots,"append")]),"expand-icon":g(({expanded:e})=>[p(l.$slots,"expand-icon",{expanded:e})]),default:g(()=>[(c(!0),u(b,null,_(pe.value,(e,a)=>(c(),m(s,k({key:e.key??a,prop:String(e.key),label:l.$t(e?.label||""),width:e.width,"min-width":e.minWidth,formatter:e.formatter,type:e.type,selectable:e.selectable,"class-name":e.cellClass,"row-class-name":e.rowClass,"label-class-name":e.headerClass,"header-align":e.headerAlign||e.align,align:e.align,render:e.render,fixed:e.fixed||!1},{ref_for:!0},e.colProps),{header:g(({column:a,$index:s})=>{return[C("div",{class:f(["custom-table__header-cell",[e.align,e.headerClass]])},[t.isHiddenHeader?w("",!0):(c(),u("div",Q,[p(l.$slots,`header_${String(e.key)}`,{item:a},()=>{return["actions"==e.key?(c(),u("span",{key:0,onClick:r[0]||(r[0]=e=>ye.value=!ye.value)},[ye.value?(c(),m(v(q),{key:1,class:"btn-icon"})):(c(),m(v(U),{key:0,class:"btn-icon"}))])):(c(),u("div",{key:1,class:f(["custom-table__header-actions",e.customHeaderClass]),onClick:a=>je(e.key,e.sort_key)},[e.filter?(c(),u("div",Y,[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),C("span",{innerHTML:(a=l.$t(e?.label||""),a??"_"),class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},null,10,ee),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)])):(c(),u("div",{key:1,class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),S(" "+$(l.$t(e?.label||""))+" ",1),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)],2)),e.sortable?p(l.$slots,"sort-icon",{class:f(e.headerSortIconClass??""),sortKey:e.sort_key,direction:me.direction},()=>[Ae(e.key,e.sort_key)&&"asc"==me.direction?(c(),m(v(N),{key:0,color:"var(--er-action-primary-default)"})):w("",!0),Ae(e.key,e.sort_key)&&"desc"==me.direction?(c(),m(v(Z),{key:1,color:"var(--er-action-primary-default)"})):w("",!0),e.sortable&&!Ae(e.key,e.sort_key)?(c(),m(v(W),{key:2,color:"var(--er-icon-secondary)"})):w("",!0)],void 0,2):w("",!0)],10,X))];var a}),p(l.$slots,`header_after_${e.key}`,{item:a})])),ye.value&&e.filter?(c(),u("div",{key:1,class:f(["custom-table__filter",e.filter?.align])},["actions"!=e.key?(c(),u("p",ae,["custom"===e.filter?.type?p(l.$slots,`filter_custom(${e.key})`,{item:e,key:ue.value,filterForm:ve,filterBy:ke,onChange:Le}):(c(),m(x(ze(e.filter?.type)),k({type:e.filter?.type??"",valueKey:e.filter?.valueKey,"v-model":ve[e?.key],disabled:e.filter?.disabled??!1,valueFormat:e.filter?.valueFormat,format:e.filter?.format,options:e?.filter?.options||[],placeholder:e.filter?.placeholder?l.$t(`${e.filter?.placeholder}`):"",key:ue.value,autocomplete:e.filter?.autocomplete,"filter-name":`filter-${e.filter?.type}-${e.key}`,onUpdateValueProp:a=>ve[e?.key]=a,onChange:a=>Le(a,e.key,e?.filter),size:(o=e?.filter?.size,o&&o.length>0?o:ie.sizeFormItems)},{ref_for:!0},{...e.filter}),B({_:2},[e.filter?.prefixIcon?{name:"prefix",fn:g(()=>[(c(),m(x(e.filter.prefixIcon),{class:"icon-secondary"}))]),key:"0"}:void 0,e.filter?.suffixIcon?{name:"suffix",fn:g(()=>[(c(),m(x(e.filter.suffixIcon),{class:"icon-secondary"}))]),key:"1"}:void 0]),1040,["type","valueKey","v-model","disabled","valueFormat","format","options","placeholder","autocomplete","filter-name","onUpdateValueProp","onChange","size"]))])):(c(),m(V,{key:1,onClick:r[1]||(r[1]=()=>(()=>{for(const e in ve)delete ve[e];for(const e in ke)delete ke[e];ue.value++,Ee()})()),size:"xs",plain:""},{default:g(()=>[...r[4]||(r[4]=[S(" Clear ",-1)])]),_:1}))],2)):w("",!0)],2)];var o}),default:g(({row:t,column:r,$index:s})=>["expand"===e.type?p(l.$slots,`cell(${e.key})`,k({item:t,rowIndex:s},{ref_for:!0},{row:t,column:r,$index:s}),()=>[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,dataClass:e?.cell?.dataClass},{ref_for:!0},{row:t,column:r,$index:s}),null,16,["dataClass"])):w("",!0)],void 0,0):"select"!=e.key?p(l.$slots,`cell(${e.key})`,k({item:t,index:a,rowIndex:s,field:e,value:Pe(t,e.key)},{ref_for:!0},{row:t,column:r,$index:s}),()=>[C("div",{onClick:a=>{e?.onClick&&e?.onClick(t,a)}},[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,cellData:De(t,e),dataClass:e?.cell?.dataClass},{ref_for:!0},e?.cell?.props),null,16,["cellData","dataClass"])):"select"!=e.key?(c(),u("div",{key:1,class:f(e?.cell?.dataClass)},$(De(t,e)),3)):w("",!0)],8,te)],void 0,1):w("",!0)]),_:2},1040,["prop","label","width","min-width","formatter","type","selectable","class-name","row-class-name","label-class-name","header-align","align","render","fixed"]))),128))]),_:3},16,["id","size","data","class","stripe","table-layout"])),[[o,be.value]])])),p(l.$slots,"addition_content"),t.hideFooter?w("",!0):(c(),u("div",se,[I(L,{layout:ie.layout,total:ie.totalRows,"pager-count":ie.pagerCount,"page-sizes":ie.pageSizes,disabled:be.value,"current-page":he.value,"onUpdate:currentPage":r[2]||(r[2]=e=>he.value=e),"page-size":ce.value,"onUpdate:pageSize":r[3]||(r[3]=e=>ce.value=e)},null,8,["layout","total","pager-count","page-sizes","disabled","current-page","page-size"])]))],2)}}});export{oe as _};
1
+ import{ElTableColumn as e,ElLoadingDirective as a}from"element-plus/es";import{defineComponent as t,useModel as l,ref as r,reactive as s,computed as o,watch as i,onMounted as n,onBeforeUnmount as d,openBlock as c,createElementBlock as u,normalizeClass as f,renderSlot as p,withDirectives as y,createBlock as m,unref as v,mergeProps as k,withCtx as g,Fragment as b,renderList as _,resolveDynamicComponent as x,createCommentVNode as w,createElementVNode as C,toDisplayString as $,createTextVNode as S,createSlots as B,createVNode as I,mergeModels as z}from"vue";import{ElTable as E}from"element-plus";import{u as F}from"./vendor-vueuse-core-B96HGhR7.mjs";import{useI18n as T}from"vue-i18n";import{S as j}from"./vendor-sortablejs-D3DyHO5Y.mjs";import{_ as P}from"./EaeraDateTimePicker-DXW1M3R7.mjs";import{_ as D}from"./EaeraInput-CkbcAxy0.mjs";import{_ as H}from"./EaeraSelect-BxZRZofe.mjs";import{_ as R}from"./EaeraDatePicker-CAm9fHms.mjs";import{_ as L}from"./EaeraPagination-BKcbraqK.mjs";import{_ as A}from"./EaeraSelectTag-CGmqeNQJ.mjs";import{_ as M}from"./EaeraSelectStatus-3bhsZt3A.mjs";import{_ as V}from"./EaeraButton-DGfjUoa6.mjs";import{_ as K}from"./EaeraEmpty-CnGp7eaH.mjs";import{_ as O}from"./EaeraDataCard-Mw6cuEQT.mjs";import{ChevronDown as U,ChevronUp as q,ArrowUp as N,ArrowDown as Z,ArrowDownUp as W}from"@lucide/vue";const G=["createdAt","completedAt","updatedAt","hiredAt","datetimeOfIssue","dateOfBirth","expirationAt"],J={key:0},Q={key:0,class:"custom-table__header"},X=["onClick"],Y={key:0,class:"filter"},ee=["innerHTML"],ae={key:0},te=["onClick"],le=["colspan"],re={key:0,class:"table-v2__cards-empty"},se={key:2,class:"table__pagination"},oe=t({__name:"EaeraTableV2",props:z({id:{},fetchData:{type:Function,default:(e=1,a=1,t={},l={})=>{}},items:{},fields:{},perPage:{default:20},currentPage:{default:1},totalRows:{default:100},selected:{default:()=>[]},showLoading:{type:Boolean,default:!1},showFilterByDefault:{type:Boolean,default:!0},isHiddenHeader:{type:Boolean,default:!1},filterForm:{},filterBy:{},hideFooter:{type:Boolean,default:!1},initFunc:{type:Function,default:()=>{}},stripe:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},size:{default:"small"},tableRowClassName:{default:""},classTable:{default:""},classCards:{default:""},tableLayout:{default:"fixed"},sizeFormItems:{default:"xs"},layout:{default:"prev, pager, next"},pagerCount:{default:7},allowSortReset:{type:Boolean},pageSizes:{default:()=>[5,10,20,30,50]},viewMode:{default:"table"},mobileBreakpoint:{default:768}},{pageSize:{default:5},pageSizeModifiers:{}}),emits:z(["on-row-click","update:selected-row","dragStart","dragEnd","update:onFilterChanged","update:onSortChanged","update:currentPage","update:perPage"],["update:pageSize"]),setup(t,{expose:z,emit:oe}){const ie=t,ne=oe,de={select:H,"select-tag":A,"select-status":M,input:D,date:R,daterange:P},ce=l(t,"pageSize"),ue=r(0),fe=r([]),pe=r(ie.fields),ye=r(ie.showFilterByDefault),me=s({}),ve=s(ie.filterForm||{}),ke=s(ie.filterBy||{}),ge=r([]),he=r(ie.currentPage),be=r(ie.showLoading),_e=r(ie.selected),xe=r(0),we=r(null),{t:Ce}=T(),$e=r(!1),Se=F(()=>`(max-width: ${ie.mobileBreakpoint}px)`),Be=o(()=>"card"===ie.viewMode||"auto"===ie.viewMode&&($e.value&&Se.value)),Ie=e=>pe.value.filter(e=>e.key&&"selection"!==e.type&&"expand"!==e.type).map(a=>({key:String(a.key),label:Ce(a?.label||"")??"",value:De(e,a)??"",isStatus:a.isStatus??!1,statusVariant:a.statusVariant})),ze=(e="")=>de[e]||null,Ee=()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=e.filter?.initialVal)})},Fe=(e,a,t)=>ne("on-row-click",e,a,t),Te=e=>{ge.value=e.map(e=>e.selectionID),ne("update:selected-row",e)},je=(e,a)=>{if(!a)return;if(!(me.key===a))return me.key=a,void(me.direction="asc");ie.allowSortReset?"asc"===me.direction?me.direction="desc":"desc"===me.direction?(me.key=void 0,me.direction=void 0):me.direction="asc":me.direction="asc"===me.direction?"desc":"asc"},Pe=(e,a)=>{if(!a)return e;const t=a.split(".");let l=e;for(const r of t){if(null==l||void 0===l)return;l=l[r]}return l},De=(e,a)=>{if(!a||!a.key)return"";if(!a||!a?.formatter)return Pe(e,a.key);try{const t=Pe(e,a.key);return a.formatter?.(t,a.key,e)}catch(t){return console.error(t),"error"}},He=async()=>{try{be.value=!0,await ie.fetchData(he.value,ce.value,ke,me)}catch(e){console.error(e)}finally{be.value=!1}},Re=(e,a,t)=>{if(!a)return a;if(G.includes(e)&&Array.isArray(a)){const e=a[0].split("-"),t=a[1].split("-");return[`${e[2]}-${e[1]}-${e[0]}T00:00:00.000Z`,`${t[2]}-${t[1]}-${t[0]}T23:59:59.000Z`]}return a},Le=(e,a,t)=>{const l=t.filter_key||(a.includes(".")?a.split(".").pop():a);let r=Re(a,e);if(e&&""!==r){if("-"===r)ke[l]={type:"exists",is_reverse:!0};else if(ke[l]={type:t.filterType??(s=t.type,"daterange"==s?"inrange":"date"==s||"select"==s?"equals":"contains"),value:Re(a,e)},t.is_reverse){let e="false"!==r;ke[l].is_reverse=["exists"].includes(t.filterType)?e:t.is_reverse}}else delete ke[l];var s},Ae=(e,a)=>me.key==e||me.key==a,Me=r(null),Ve=({row:e,rowIndex:a})=>((ge.value.includes(a)?"highlight":"")+" "+ie.tableRowClassName).trim();return i(()=>ie.items,()=>{fe.value=(ie.items??[]).map((e,a)=>({...e,selectionID:a}))},{deep:!0,immediate:!0}),i(()=>ie.fields,()=>{pe.value=ie.fields??[]}),i([ce,he,ke],()=>{ne("update:currentPage",he.value),ne("update:perPage",ce.value),He()},{deep:!0,immediate:!0}),i(()=>me,()=>{ne("update:onSortChanged",me),He()},{deep:!0}),i(()=>ie.filterBy,()=>{pe.value.forEach(e=>{e.filter&&(ve[e.key]=ie.filterBy?.[e.key]?.value)}),0==Object.keys(ie.filterBy||{}).length&&Object.keys(ke).forEach(e=>{delete ke[e]});for(const e in ie.filterBy)ie.filterBy?.state?""==ie.filterBy?.state?.value?delete ke[e]:ie.filterBy?.state?.value!==ke?.state?.value&&(ke.state=ie.filterBy.state):""==ie.filterBy[e]?.value?delete ke[e]:ke[e]=ie.filterBy[e]},{deep:!0,immediate:!0}),i(()=>ie.selected,()=>{_e.value=ie.selected}),i(()=>ke,()=>{ne("update:onFilterChanged",ke)},{deep:!0,immediate:!0}),i(()=>ie.showLoading,e=>{be.value=e}),n(()=>{$e.value=!0,Ee(),ie.initFunc(),(()=>{if(!ie.draggable||!ie.id)return;const e=document.querySelector(`#${ie.id} .el-table__body-wrapper tbody`);e&&(Me.value?.destroy(),Me.value=j.create(e,{animation:180,filter:".not-draggable",onEnd:e=>{ne("dragEnd",e)},onStart:e=>ne("dragStart",e)}))})()}),d(()=>{Me.value?.destroy(),Me.value=null}),z({checkedRows:_e,rowExpansion:(e,a)=>{we.value.toggleRowExpansion(e,a)},clearSelection:()=>{we.value?.clearSelection()},reloadTable:He,setScrollTop:e=>{we.value.setScrollTop(e)},pageIndex:he,loading:be,sort:me,sortTable:je,tableRef:we,isCardMode:Be}),(l,r)=>{const s=e,o=a;return c(),u("div",{class:f(["table-v2-wrapper",{"is-card-mode":Be.value}])},[p(l.$slots,"table-v2-header-actions"),Be.value?y((c(),u("div",{key:1,class:f(["table-v2__cards",t.classCards])},[0===fe.value.length?(c(),u("div",re,[p(l.$slots,"empty",{},()=>[I(K,{title:"There is no data to show"})])])):(c(!0),u(b,{key:1},_(fe.value,(e,a)=>(c(),u("div",{key:e.selectionID??a,class:"table-v2__card-item"},[p(l.$slots,"card",{item:e,index:a},()=>[I(O,{items:Ie(e),"show-header":!1},null,8,["items"])])]))),128))],2)),[[o,be.value]]):(c(),u("div",J,[y((c(),m(v(E),k({ref_key:"eaeraTable",ref:we,id:t.id,class:["custom-table",[{isHiddenHeader:t.isHiddenHeader,"is-filter-visible":ye.value},t.classTable]],size:t.size,data:fe.value,onRowClick:Fe,onSelectionChange:Te,stripe:t.stripe,key:xe.value,"row-class-name":Ve,"table-layout":t.tableLayout},l.$attrs),{empty:g(()=>[p(l.$slots,"empty",{},()=>[C("div",{colspan:(t.fields??[]).length,class:"custom-table__empty"}," There is no data to show ",8,le)])]),append:g(()=>[p(l.$slots,"append")]),"expand-icon":g(({expanded:e})=>[p(l.$slots,"expand-icon",{expanded:e})]),default:g(()=>[(c(!0),u(b,null,_(pe.value,(e,a)=>(c(),m(s,k({key:e.key??a,prop:String(e.key),label:l.$t(e?.label||""),width:e.width,"min-width":e.minWidth,formatter:e.formatter,type:e.type,selectable:e.selectable,"class-name":e.cellClass,"row-class-name":e.rowClass,"label-class-name":e.headerClass,"header-align":e.headerAlign||e.align,align:e.align,render:e.render,fixed:e.fixed||!1},{ref_for:!0},e.colProps),{header:g(({column:a,$index:s})=>{return[C("div",{class:f(["custom-table__header-cell",[e.align,e.headerClass]])},[t.isHiddenHeader?w("",!0):(c(),u("div",Q,[p(l.$slots,`header_${String(e.key)}`,{item:a},()=>{return["actions"==e.key?(c(),u("span",{key:0,onClick:r[0]||(r[0]=e=>ye.value=!ye.value)},[ye.value?(c(),m(v(q),{key:1,class:"btn-icon"})):(c(),m(v(U),{key:0,class:"btn-icon"}))])):(c(),u("div",{key:1,class:f(["custom-table__header-actions",e.customHeaderClass]),onClick:a=>je(e.key,e.sort_key)},[e.filter?(c(),u("div",Y,[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),C("span",{innerHTML:(a=l.$t(e?.label||""),a??"_"),class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},null,10,ee),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)])):(c(),u("div",{key:1,class:f(["custom-table__header-label text-14-24-600",e.headerLabelClass??""])},[e.prefixIcon?(c(),m(x(e.prefixIcon),{key:0,class:"icon-secondary"})):w("",!0),S(" "+$(l.$t(e?.label||""))+" ",1),e.suffixIcon?(c(),m(x(e.suffixIcon),{key:1,class:"icon-secondary"})):w("",!0)],2)),e.sortable?p(l.$slots,"sort-icon",{class:f(e.headerSortIconClass??""),sortKey:e.sort_key,direction:me.direction},()=>[Ae(e.key,e.sort_key)&&"asc"==me.direction?(c(),m(v(N),{key:0,color:"var(--er-action-primary-default)"})):w("",!0),Ae(e.key,e.sort_key)&&"desc"==me.direction?(c(),m(v(Z),{key:1,color:"var(--er-action-primary-default)"})):w("",!0),e.sortable&&!Ae(e.key,e.sort_key)?(c(),m(v(W),{key:2,color:"var(--er-icon-secondary)"})):w("",!0)],void 0,2):w("",!0)],10,X))];var a}),p(l.$slots,`header_after_${e.key}`,{item:a})])),ye.value&&e.filter?(c(),u("div",{key:1,class:f(["custom-table__filter",e.filter?.align])},["actions"!=e.key?(c(),u("p",ae,["custom"===e.filter?.type?p(l.$slots,`filter_custom(${e.key})`,{item:e,key:ue.value,filterForm:ve,filterBy:ke,onChange:Le}):(c(),m(x(ze(e.filter?.type)),k({type:e.filter?.type??"",valueKey:e.filter?.valueKey,"v-model":ve[e?.key],disabled:e.filter?.disabled??!1,valueFormat:e.filter?.valueFormat,format:e.filter?.format,options:e?.filter?.options||[],placeholder:e.filter?.placeholder?l.$t(`${e.filter?.placeholder}`):"",key:ue.value,autocomplete:e.filter?.autocomplete,"filter-name":`filter-${e.filter?.type}-${e.key}`,onUpdateValueProp:a=>ve[e?.key]=a,onChange:a=>Le(a,e.key,e?.filter),size:(o=e?.filter?.size,o&&o.length>0?o:ie.sizeFormItems)},{ref_for:!0},{...e.filter}),B({_:2},[e.filter?.prefixIcon?{name:"prefix",fn:g(()=>[(c(),m(x(e.filter.prefixIcon),{class:"icon-secondary"}))]),key:"0"}:void 0,e.filter?.suffixIcon?{name:"suffix",fn:g(()=>[(c(),m(x(e.filter.suffixIcon),{class:"icon-secondary"}))]),key:"1"}:void 0]),1040,["type","valueKey","v-model","disabled","valueFormat","format","options","placeholder","autocomplete","filter-name","onUpdateValueProp","onChange","size"]))])):(c(),m(V,{key:1,onClick:r[1]||(r[1]=()=>(()=>{for(const e in ve)delete ve[e];for(const e in ke)delete ke[e];ue.value++,Ee()})()),size:"xs",plain:""},{default:g(()=>[...r[4]||(r[4]=[S(" Clear ",-1)])]),_:1}))],2)):w("",!0)],2)];var o}),default:g(({row:t,column:r,$index:s})=>["expand"===e.type?p(l.$slots,`cell(${e.key})`,k({item:t,rowIndex:s},{ref_for:!0},{row:t,column:r,$index:s}),()=>[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,dataClass:e?.cell?.dataClass},{ref_for:!0},{row:t,column:r,$index:s}),null,16,["dataClass"])):w("",!0)],void 0,0):"select"!=e.key?p(l.$slots,`cell(${e.key})`,k({item:t,index:a,rowIndex:s,field:e,value:Pe(t,e.key)},{ref_for:!0},{row:t,column:r,$index:s}),()=>[C("div",{onClick:a=>{e?.onClick&&e?.onClick(t,a)}},[e?.cell?.component?(c(),m(x(e?.cell?.component),k({key:0,cellData:De(t,e),dataClass:e?.cell?.dataClass},{ref_for:!0},e?.cell?.props),null,16,["cellData","dataClass"])):"select"!=e.key?(c(),u("div",{key:1,class:f(e?.cell?.dataClass)},$(De(t,e)),3)):w("",!0)],8,te)],void 0,1):w("",!0)]),_:2},1040,["prop","label","width","min-width","formatter","type","selectable","class-name","row-class-name","label-class-name","header-align","align","render","fixed"]))),128))]),_:3},16,["id","size","data","class","stripe","table-layout"])),[[o,be.value]])])),p(l.$slots,"addition_content"),t.hideFooter?w("",!0):(c(),u("div",se,[I(L,{layout:ie.layout,total:ie.totalRows,"pager-count":ie.pagerCount,"page-sizes":ie.pageSizes,disabled:be.value,"current-page":he.value,"onUpdate:currentPage":r[2]||(r[2]=e=>he.value=e),"page-size":ce.value,"onUpdate:pageSize":r[3]||(r[3]=e=>ce.value=e)},null,8,["layout","total","pager-count","page-sizes","disabled","current-page","page-size"])]))],2)}}});export{oe as _};
@@ -1 +1 @@
1
- import{defineComponent as s,getCurrentInstance as o,onMounted as a,watchEffect as e,computed as t,openBlock as l,createBlock as i,unref as n,normalizeClass as r,withCtx as c,createElementBlock as u,renderSlot as d,createVNode as f,createCommentVNode as p,createTextVNode as g,toDisplayString as m,nextTick as _}from"vue";import{Circle as y,Loader as v,X as b}from"@lucide/vue";import{ElTag as $}from"element-plus";import{g as B}from"./iconSvg-DTZkgsHi.mjs";const k={key:0,class:"custom-tag__prefix"},x={key:1,class:"status-icon-wrapper"},T={key:2,class:"custom-tag__loader"},z=s({__name:"EaeraTag",props:{round:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},className:{},effect:{default:"light"},size:{default:"md"},color:{default:"primary"},variant:{default:"default"},ghost:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disableTransitions:{type:Boolean,default:!0}},emits:["close"],setup(s,{emit:z}){const C=s,N=z,S=o(),j=()=>{C.closable&&_(()=>{const s=S?.proxy?.$el?.querySelector?.(".el-tag__close");s&&(s.innerHTML=B(b,12))})};a(j),e(j);const q=t(()=>[C.className,C.loading?"default":C.color,C.size,"status"===C.variant&&"is-status",C.loading&&"is-loading",C.ghost&&"is-ghost"]);return(o,a)=>(l(),i(n($),{effect:s.effect,round:s.round,closable:s.closable,class:r(["custom-tag",q.value]),"disable-transitions":s.disableTransitions,onClose:a[0]||(a[0]=s=>N("close",s))},{default:c(()=>[s.loading||"status"!==s.variant||o.$slots.icon?p("",!0):(l(),u("span",k,[d(o.$slots,"prefix",{},()=>[f(n(y),{fill:"currentColor",stroke:"none"})])])),!s.loading&&"status"===s.variant&&o.$slots.icon?(l(),u("span",x,[d(o.$slots,"icon")])):p("",!0),s.loading?(l(),u("span",T,[f(n(v),{size:16,class:"custom-tag__loader-icon"}),g(" "+m(o.$t("tag.processing")),1)])):o.$slots.default?d(o.$slots,"default",{},void 0,void 0,3):p("",!0)]),_:3},8,["effect","round","closable","class","disable-transitions"]))}});export{z as _};
1
+ import{defineComponent as s,getCurrentInstance as o,onMounted as a,watchEffect as e,computed as t,openBlock as l,createBlock as i,unref as n,normalizeClass as r,withCtx as c,createElementBlock as u,renderSlot as d,createVNode as f,createCommentVNode as p,createTextVNode as g,toDisplayString as m,nextTick as _}from"vue";import{Circle as y,Loader as v,X as b}from"@lucide/vue";import{ElTag as $}from"element-plus";import{g as B}from"./iconSvg-BrZD7vO3.mjs";const k={key:0,class:"custom-tag__prefix"},x={key:1,class:"status-icon-wrapper"},T={key:2,class:"custom-tag__loader"},z=s({__name:"EaeraTag",props:{round:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},className:{},effect:{default:"light"},size:{default:"md"},color:{default:"primary"},variant:{default:"default"},ghost:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disableTransitions:{type:Boolean,default:!0}},emits:["close"],setup(s,{emit:z}){const C=s,N=z,S=o(),j=()=>{C.closable&&_(()=>{const s=S?.proxy?.$el?.querySelector?.(".el-tag__close");s&&(s.innerHTML=B(b,12))})};a(j),e(j);const q=t(()=>[C.className,C.loading?"default":C.color,C.size,"status"===C.variant&&"is-status",C.loading&&"is-loading",C.ghost&&"is-ghost"]);return(o,a)=>(l(),i(n($),{effect:s.effect,round:s.round,closable:s.closable,class:r(["custom-tag",q.value]),"disable-transitions":s.disableTransitions,onClose:a[0]||(a[0]=s=>N("close",s))},{default:c(()=>[s.loading||"status"!==s.variant||o.$slots.icon?p("",!0):(l(),u("span",k,[d(o.$slots,"prefix",{},()=>[f(n(y),{fill:"currentColor",stroke:"none"})])])),!s.loading&&"status"===s.variant&&o.$slots.icon?(l(),u("span",x,[d(o.$slots,"icon")])):p("",!0),s.loading?(l(),u("span",T,[f(n(v),{size:16,class:"custom-tag__loader-icon"}),g(" "+m(o.$t("tag.processing")),1)])):o.$slots.default?d(o.$slots,"default",{},void 0,void 0,3):p("",!0)]),_:3},8,["effect","round","closable","class","disable-transitions"]))}});export{z as _};
@@ -1 +1 @@
1
- import{ElFormItem as e,ElLoadingDirective as r}from"element-plus/es";import{defineComponent as a,ref as t,reactive as c,computed as l,watch as u,openBlock as o,createElementBlock as n,createVNode as i,withCtx as s,renderSlot as m,withDirectives as _,createElementVNode as p,createBlock as d,createTextVNode as v,toDisplayString as g,createCommentVNode as f}from"vue";import y from"../custom/EaeraWidgetHeader.mjs";import{C as b,_ as w}from"./EaeraForm-C15vj2MY.mjs";import{useI18n as F}from"vue-i18n";import{_ as C}from"./EaeraButton-DGfjUoa6.mjs";const z={class:"calculator__content"},I={class:"calculator__container"},S={class:"mb-0 w-full"},$={class:"mt-4"},x={class:"mb-8 md:mb-0 text-base font-semibold"},k={key:0,class:"ml-4"},q={class:"calculator-button__wrapper"},E=a({__name:"EaeraWidgetMarginCalculator",props:{currency_pairs:{default:()=>[]},filterOptions:{default:()=>[]},getRate:{type:Function,default:()=>{}},isLoading:{type:Boolean,default:!1}},setup(a){const{t:E}=F(),N=a,U=t(),D=c({margin_ratio:void 0,currency_pair:"",account_currency:"",trade_size:void 0}),R=t(null),j=t(""),B=c({}),A=t(["USD","EUR","GBP","JPY","CHF","CAD","NZD","AUD","USC"]),H={required:!0,message:E("common.validate.required_field"),trigger:"change"},L=l(()=>{const e=N.currency_pairs.map(e=>e.symbol);return[...new Set(e)]}),M=l(()=>D.account_currency+D.currency_pair),O=l(()=>null!==R.value&&D.account_currency?B?.[R.value]?.[D.account_currency]:null),P=l(()=>[...new Set(N.filterOptions.map(e=>e?.currency)?.concat(A.value))]),W=l(()=>L.value.map(e=>({label:e,value:e}))),G=l(()=>P.value.map(e=>({label:e,value:e}))),J=l(()=>j.value&&D.account_currency?`${Intl.NumberFormat("en-US",{style:"currency",currency:D.account_currency}).format(Number(j.value))}`:""),Y=l(()=>({currency_pair:{label:E("widget.margin-calculator.currency-pair"),nameComponent:b.Select,placeholder:" ",required:!0,options:W.value,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"left",rule:{currency_pair:[H]}},account_currency:{label:E("widget.margin-calculator.account-currency"),nameComponent:b.Select,placeholder:" ",required:!0,filterable:!0,options:G.value,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"left",rule:{account_currency:[H]}},margin_ratio:{label:E("widget.margin-calculator.margin-raito"),nameComponent:b.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"right",rule:{margin_ratio:[H]}},trade_size:{label:E("widget.margin-calculator.trade-size"),nameComponent:b.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"right",rule:{trade_size:[H]}}})),Z={left:{tag:"div",class:"calculator__leftForm"},right:{tag:"div",class:"calculator__rightForm"}},K=()=>{U.value?.validateForm().then(()=>{if(R.value&&B?.[R.value]?.[D.account_currency]){const e=N.currency_pairs.find(e=>e.symbol==D.currency_pair),r=e.contract_size,a=Number(D.trade_size)*r/Number(D.margin_ratio),t=[0,5].includes(e?.calc_mode)?1:e?.symbol_price;j.value=(t*a*B?.[R.value]?.[D.account_currency]).toString()}})},Q=()=>{U.value?.resetForm(),D.margin_ratio=void 0,D.currency_pair="",D.account_currency="",D.trade_size=void 0,R.value=null,j.value=""};return u(()=>M.value,async()=>{if(D.account_currency&&R.value&&!B?.[R.value]?.[D.account_currency]){let e=await N.getRate(R.value,D.account_currency);null!==R.value&&(B[R.value]||(B[R.value]={}),B[R.value][D.account_currency]=e)}}),(t,c)=>{const l=e,u=r;return o(),n("div",null,[i(y,{title:t.$t("widget.margin-calculator.title"),showFilter:!1},{header:s(()=>[m(t.$slots,"header1")]),_:3},8,["title"]),_((o(),n("div",z,[p("div",I,[i(w,{ref_key:"ruleFormRef",ref:U,"form-data":D,"form-schema":Y.value,"form-group-render-options":Z,"class-name-parent-group":"calculator__wrapper","label-position":"top","scroll-to-error":!1,sizeFormItems:"sm"},{prefix_item_margin_ratio:s(()=>[...c[0]||(c[0]=[p("span",{class:"text-base text-black"},"1:",-1)])]),footer:s(()=>[p("div",S,[R.value&&D?.account_currency&&R.value!=D?.account_currency?(o(),d(l,{key:0,label:`${R.value}${D?.account_currency}:`,class:"form--item--custom is-m-auto calculator-form__wrapper"},{default:s(()=>[v(g(O.value),1)]),_:1},8,["label"])):f("",!0),p("div",$,[p("div",x,[v(g(t.$t("widget.margin-calculator.result"))+": ",1),j.value?(o(),n("span",k,g(J.value),1)):f("",!0)]),p("div",q,[i(C,{onClick:Q,class:"btn-custom-sm btn-success-outline text-base btn_calculator"},{default:s(()=>[v(g(t.$t("widget.margin-calculator.reset")),1)]),_:1}),i(C,{type:"success",class:"btn-custom-sm text-base btn_calculator",onClick:K},{default:s(()=>[v(g(t.$t("widget.margin-calculator.calculate")),1)]),_:1})])])])]),_:1},8,["form-data","form-schema"])])])),[[u,a.isLoading]])])}}});export{E as _};
1
+ import{ElFormItem as e,ElLoadingDirective as r}from"element-plus/es";import{defineComponent as a,ref as t,reactive as c,computed as l,watch as u,openBlock as o,createElementBlock as n,createVNode as i,withCtx as s,renderSlot as m,withDirectives as _,createElementVNode as p,createBlock as d,createTextVNode as v,toDisplayString as g,createCommentVNode as f}from"vue";import y from"../custom/EaeraWidgetHeader.mjs";import{C as b,_ as w}from"./EaeraForm-Dd5gzQ_5.mjs";import{useI18n as F}from"vue-i18n";import{_ as C}from"./EaeraButton-DGfjUoa6.mjs";const z={class:"calculator__content"},I={class:"calculator__container"},S={class:"mb-0 w-full"},$={class:"mt-4"},x={class:"mb-8 md:mb-0 text-base font-semibold"},k={key:0,class:"ml-4"},q={class:"calculator-button__wrapper"},E=a({__name:"EaeraWidgetMarginCalculator",props:{currency_pairs:{default:()=>[]},filterOptions:{default:()=>[]},getRate:{type:Function,default:()=>{}},isLoading:{type:Boolean,default:!1}},setup(a){const{t:E}=F(),N=a,U=t(),D=c({margin_ratio:void 0,currency_pair:"",account_currency:"",trade_size:void 0}),R=t(null),j=t(""),B=c({}),A=t(["USD","EUR","GBP","JPY","CHF","CAD","NZD","AUD","USC"]),H={required:!0,message:E("common.validate.required_field"),trigger:"change"},L=l(()=>{const e=N.currency_pairs.map(e=>e.symbol);return[...new Set(e)]}),M=l(()=>D.account_currency+D.currency_pair),O=l(()=>null!==R.value&&D.account_currency?B?.[R.value]?.[D.account_currency]:null),P=l(()=>[...new Set(N.filterOptions.map(e=>e?.currency)?.concat(A.value))]),W=l(()=>L.value.map(e=>({label:e,value:e}))),G=l(()=>P.value.map(e=>({label:e,value:e}))),J=l(()=>j.value&&D.account_currency?`${Intl.NumberFormat("en-US",{style:"currency",currency:D.account_currency}).format(Number(j.value))}`:""),Y=l(()=>({currency_pair:{label:E("widget.margin-calculator.currency-pair"),nameComponent:b.Select,placeholder:" ",required:!0,options:W.value,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"left",rule:{currency_pair:[H]}},account_currency:{label:E("widget.margin-calculator.account-currency"),nameComponent:b.Select,placeholder:" ",required:!0,filterable:!0,options:G.value,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"left",rule:{account_currency:[H]}},margin_ratio:{label:E("widget.margin-calculator.margin-raito"),nameComponent:b.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"right",rule:{margin_ratio:[H]}},trade_size:{label:E("widget.margin-calculator.trade-size"),nameComponent:b.Input,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"right",rule:{trade_size:[H]}}})),Z={left:{tag:"div",class:"calculator__leftForm"},right:{tag:"div",class:"calculator__rightForm"}},K=()=>{U.value?.validateForm().then(()=>{if(R.value&&B?.[R.value]?.[D.account_currency]){const e=N.currency_pairs.find(e=>e.symbol==D.currency_pair),r=e.contract_size,a=Number(D.trade_size)*r/Number(D.margin_ratio),t=[0,5].includes(e?.calc_mode)?1:e?.symbol_price;j.value=(t*a*B?.[R.value]?.[D.account_currency]).toString()}})},Q=()=>{U.value?.resetForm(),D.margin_ratio=void 0,D.currency_pair="",D.account_currency="",D.trade_size=void 0,R.value=null,j.value=""};return u(()=>M.value,async()=>{if(D.account_currency&&R.value&&!B?.[R.value]?.[D.account_currency]){let e=await N.getRate(R.value,D.account_currency);null!==R.value&&(B[R.value]||(B[R.value]={}),B[R.value][D.account_currency]=e)}}),(t,c)=>{const l=e,u=r;return o(),n("div",null,[i(y,{title:t.$t("widget.margin-calculator.title"),showFilter:!1},{header:s(()=>[m(t.$slots,"header1")]),_:3},8,["title"]),_((o(),n("div",z,[p("div",I,[i(w,{ref_key:"ruleFormRef",ref:U,"form-data":D,"form-schema":Y.value,"form-group-render-options":Z,"class-name-parent-group":"calculator__wrapper","label-position":"top","scroll-to-error":!1,sizeFormItems:"sm"},{prefix_item_margin_ratio:s(()=>[...c[0]||(c[0]=[p("span",{class:"text-base text-black"},"1:",-1)])]),footer:s(()=>[p("div",S,[R.value&&D?.account_currency&&R.value!=D?.account_currency?(o(),d(l,{key:0,label:`${R.value}${D?.account_currency}:`,class:"form--item--custom is-m-auto calculator-form__wrapper"},{default:s(()=>[v(g(O.value),1)]),_:1},8,["label"])):f("",!0),p("div",$,[p("div",x,[v(g(t.$t("widget.margin-calculator.result"))+": ",1),j.value?(o(),n("span",k,g(J.value),1)):f("",!0)]),p("div",q,[i(C,{onClick:Q,class:"btn-custom-sm btn-success-outline text-base btn_calculator"},{default:s(()=>[v(g(t.$t("widget.margin-calculator.reset")),1)]),_:1}),i(C,{type:"success",class:"btn-custom-sm text-base btn_calculator",onClick:K},{default:s(()=>[v(g(t.$t("widget.margin-calculator.calculate")),1)]),_:1})])])])]),_:1},8,["form-data","form-schema"])])])),[[u,a.isLoading]])])}}});export{E as _};
@@ -1 +1 @@
1
- import{ElLoadingDirective as e}from"element-plus/es";import{defineComponent as r,ref as t,reactive as a,computed as o,watch as c,openBlock as l,createElementBlock as u,createVNode as i,withCtx as s,renderSlot as n,withDirectives as m,createElementVNode as p,createTextVNode as _,toDisplayString as d,createCommentVNode as v,unref as y}from"vue";import g from"../custom/EaeraWidgetHeader.mjs";import{C as f,_ as b}from"./EaeraForm-C15vj2MY.mjs";import{f as w}from"./formatMoney-CbiPk6ER.mjs";import{useI18n as z}from"vue-i18n";import{_ as k}from"./EaeraButton-DGfjUoa6.mjs";const N={class:"calculator__content"},F={class:"calculator__container"},$={class:"calculator-button__wrapper"},C={class:"calculator__results mt-8"},q={class:"calculator__money"},I={key:0,class:"mb-0 font-normal"},S={key:1,class:"mb-0 font-normal"},x={key:2,class:"mb-0 font-semibold"},E={key:3,class:"mb-0 font-semibold"},M={class:"calculator__units"},U={class:"mb-0 font-normal"},j={class:"mb-0 font-semibold"},D={class:"calculator__sizing"},R={class:"mb-0 font-normal"},B={class:"mb-0 font-semibold"},H=r({__name:"EaeraWidgetPositionCalculator",props:{currency_pairs:{default:()=>[]},filterOptions:{default:()=>[]},getRate:{type:Function,default:()=>{}},isLoading:{type:Boolean,default:!1}},setup(r){const{t:H}=z(),P=r,A=t(""),L=t({}),O=t("percent"),W=a({}),G=t(["USD","EUR","GBP","JPY","CHF","CAD","NZD","AUD","USC"]),J=t(),Y=a({currency_pair:"",account_currency:"",account_size:0,risk_ratio:0,risk_money:0,stop_loss:0,trade_size:0}),Z={validator:(e,r,t)=>{r?r&&!/^\d+(\.\d+)?$/.test(r)?t(new Error(H("common.validate.input_valid_number"))):t():t(new Error(H("common.validate.required_field")))},required:!0,trigger:"change"},K={required:!0,message:H("common.validate.required_field"),trigger:"change"},Q=o(()=>Y.account_currency+Y.currency_pair),T=o(()=>{const e=P.currency_pairs.map(e=>e.symbol);return[...new Set(e)]}),V=o(()=>[...new Set(P.filterOptions.map(e=>e?.currency)?.concat(G.value))]),X=o(()=>T.value.map(e=>({label:e,value:e}))),ee=o(()=>V.value.map(e=>({label:e,value:e}))),re=o(()=>({currency_pair:{label:H("widget.position-calculator.currency-pair"),nameComponent:f.Select,placeholder:" ",required:!0,filterable:!0,options:X.value,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"left",rule:{currency_pair:[K]},size:"sm"},account_currency:{label:H("widget.position-calculator.account-currency"),nameComponent:f.Select,placeholder:" ",required:!0,filterable:!0,options:ee.value,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"left",rule:{account_currency:[K]},size:"sm"},account_size:{label:H("widget.position-calculator.account-size"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:3,group:"left",rule:{account_size:[Z]},size:"sm"},risk_value:{label:"percent"===O.value?`${H("widget.position-calculator.risk-raito")}, %`:`${H("widget.position-calculator.money")}, ${Y.account_currency}`,nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"right",rule:{risk_ratio:"percent"===O.value?[Z]:[{validator:()=>!0,required:!1,trigger:"change"}],risk_money:"money"===O.value?[Z]:[{validator:()=>!0,required:!1,trigger:"change"}]},size:"sm"},stop_loss:{label:H("widget.position-calculator.stop-loss-pip"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"right",rule:{stop_loss:[Z]},size:"sm"},trade_size:{label:H("widget.position-calculator.trade-size"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:3,group:"right",rule:{trade_size:[Z]},size:"sm"}})),te={left:{tag:"div",class:"calculator__leftForm"},right:{tag:"div",class:"calculator__rightForm"}},ae=()=>{J.value?.resetForm(),Y.currency_pair="",Y.risk_ratio=0,Y.risk_money=0,Y.stop_loss=0,Y.account_size=0,Y.account_currency="",Y.trade_size=0,L.value={},O.value="percent"},oe=()=>{J.value?.validateForm().then(()=>{if(W?.[A.value]?.[Y.account_currency]){const e=P.currency_pairs.find(e=>e.symbol==Y.currency_pair),r=e.contract_size,t=e.digits;"percent"==O.value?(L.value.money=Number(Y.account_size)*Number(Y.risk_ratio)/100,e.path?.includes("Commodities")?L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,-2))/W?.[A.value]?.[Y.account_currency]:L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,1-t))/W?.[A.value]?.[Y.account_currency],L.value.sizing=L.value.unit/r/Number(Y.trade_size)):(L.value.risk_ratio=Y.risk_money/Number(Y.account_size)*100,e.path?.includes("Commodities")?L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,-2))/W?.[A.value]?.[Y.account_currency]:L.value.unit=Y.risk_money/(Number(Y.stop_loss)*Math.pow(10,1-t))/W?.[A.value]?.[Y.account_currency],L.value.sizing=L.value.unit/r/Number(Y.trade_size))}})};return c(()=>Q.value,async()=>{if(Y.account_currency&&A.value&&!W?.[A.value]?.[Y.account_currency]){let e=await P.getRate(A.value,Y.account_currency);W[A.value]||(W[A.value]={}),W[A.value][Y.account_currency]=e}},{immediate:!0,deep:!0}),(t,a)=>{const o=e;return l(),u("div",null,[i(g,{title:t.$t("widget.position-calculator.title"),showFilter:!1},{header:s(()=>[n(t.$slots,"header1")]),_:3},8,["title"]),m((l(),u("div",N,[p("div",F,[i(b,{ref_key:"ruleFormRef",ref:J,"form-data":Y,"form-schema":re.value,"form-group-render-options":te,"text-btn-save":t.$t("widget.position-calculator.calculate"),"text-btn-close":t.$t("widget.margin-calculator.reset"),"label-position":"top","scroll-to-error":!1,"item-size":"sm"},{footer:s(()=>[p("div",$,[i(k,{onClick:ae,class:"custom-button sm btn-success-outline text-base btn_calculator"},{default:s(()=>[_(d(t.$t("widget.margin-calculator.reset")),1)]),_:1}),i(k,{type:"success",class:"custom-button sm text-base btn_calculator",onClick:oe},{default:s(()=>[_(d(t.$t("widget.position-calculator.calculate")),1)]),_:1})])]),_:1},8,["form-data","form-schema","text-btn-save","text-btn-close"]),p("div",C,[p("div",q,["money"==O.value?(l(),u("p",I,d(t.$t("widget.position-calculator.risk-raito"))+", % ",1)):(l(),u("p",S,d(t.$t("widget.position-calculator.money"))+", "+d(Y.account_currency),1)),"money"==O.value?(l(),u("p",x,d(L.value.risk_ratio)+"% ",1)):Y.account_currency?(l(),u("p",E,d(isNaN(L.value.money)?`${Intl.NumberFormat("en-US",{style:"currency",currency:Y.account_currency}).format(0)}`:`${Intl.NumberFormat("en-US",{style:"currency",currency:Y.account_currency}).format(L.value.money)}`),1)):v("",!0)]),p("div",M,[p("p",U,d(t.$t("widget.position-calculator.units")),1),p("p",j,d(y(w)(L.value.unit,2)),1)]),p("div",D,[p("p",R,d(t.$t("widget.position-calculator.sizing")),1),p("p",B,d(y(w)(L.value.sizing,2)),1)])])])])),[[o,r.isLoading]])])}}});export{H as _};
1
+ import{ElLoadingDirective as e}from"element-plus/es";import{defineComponent as r,ref as t,reactive as a,computed as o,watch as c,openBlock as l,createElementBlock as u,createVNode as i,withCtx as s,renderSlot as n,withDirectives as m,createElementVNode as p,createTextVNode as _,toDisplayString as d,createCommentVNode as v,unref as y}from"vue";import g from"../custom/EaeraWidgetHeader.mjs";import{C as f,_ as b}from"./EaeraForm-Dd5gzQ_5.mjs";import{f as w}from"./formatMoney-CbiPk6ER.mjs";import{useI18n as z}from"vue-i18n";import{_ as k}from"./EaeraButton-DGfjUoa6.mjs";const N={class:"calculator__content"},F={class:"calculator__container"},$={class:"calculator-button__wrapper"},C={class:"calculator__results mt-8"},q={class:"calculator__money"},I={key:0,class:"mb-0 font-normal"},S={key:1,class:"mb-0 font-normal"},x={key:2,class:"mb-0 font-semibold"},E={key:3,class:"mb-0 font-semibold"},M={class:"calculator__units"},U={class:"mb-0 font-normal"},j={class:"mb-0 font-semibold"},D={class:"calculator__sizing"},R={class:"mb-0 font-normal"},B={class:"mb-0 font-semibold"},H=r({__name:"EaeraWidgetPositionCalculator",props:{currency_pairs:{default:()=>[]},filterOptions:{default:()=>[]},getRate:{type:Function,default:()=>{}},isLoading:{type:Boolean,default:!1}},setup(r){const{t:H}=z(),P=r,A=t(""),L=t({}),O=t("percent"),W=a({}),G=t(["USD","EUR","GBP","JPY","CHF","CAD","NZD","AUD","USC"]),J=t(),Y=a({currency_pair:"",account_currency:"",account_size:0,risk_ratio:0,risk_money:0,stop_loss:0,trade_size:0}),Z={validator:(e,r,t)=>{r?r&&!/^\d+(\.\d+)?$/.test(r)?t(new Error(H("common.validate.input_valid_number"))):t():t(new Error(H("common.validate.required_field")))},required:!0,trigger:"change"},K={required:!0,message:H("common.validate.required_field"),trigger:"change"},Q=o(()=>Y.account_currency+Y.currency_pair),T=o(()=>{const e=P.currency_pairs.map(e=>e.symbol);return[...new Set(e)]}),V=o(()=>[...new Set(P.filterOptions.map(e=>e?.currency)?.concat(G.value))]),X=o(()=>T.value.map(e=>({label:e,value:e}))),ee=o(()=>V.value.map(e=>({label:e,value:e}))),re=o(()=>({currency_pair:{label:H("widget.position-calculator.currency-pair"),nameComponent:f.Select,placeholder:" ",required:!0,filterable:!0,options:X.value,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"left",rule:{currency_pair:[K]},size:"sm"},account_currency:{label:H("widget.position-calculator.account-currency"),nameComponent:f.Select,placeholder:" ",required:!0,filterable:!0,options:ee.value,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"left",rule:{account_currency:[K]},size:"sm"},account_size:{label:H("widget.position-calculator.account-size"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:3,group:"left",rule:{account_size:[Z]},size:"sm"},risk_value:{label:"percent"===O.value?`${H("widget.position-calculator.risk-raito")}, %`:`${H("widget.position-calculator.money")}, ${Y.account_currency}`,nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:1,group:"right",rule:{risk_ratio:"percent"===O.value?[Z]:[{validator:()=>!0,required:!1,trigger:"change"}],risk_money:"money"===O.value?[Z]:[{validator:()=>!0,required:!1,trigger:"change"}]},size:"sm"},stop_loss:{label:H("widget.position-calculator.stop-loss-pip"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:2,group:"right",rule:{stop_loss:[Z]},size:"sm"},trade_size:{label:H("widget.position-calculator.trade-size"),nameComponent:f.InputNumber,required:!0,classFormItem:"is-m-auto calculator-form__wrapper",order:3,group:"right",rule:{trade_size:[Z]},size:"sm"}})),te={left:{tag:"div",class:"calculator__leftForm"},right:{tag:"div",class:"calculator__rightForm"}},ae=()=>{J.value?.resetForm(),Y.currency_pair="",Y.risk_ratio=0,Y.risk_money=0,Y.stop_loss=0,Y.account_size=0,Y.account_currency="",Y.trade_size=0,L.value={},O.value="percent"},oe=()=>{J.value?.validateForm().then(()=>{if(W?.[A.value]?.[Y.account_currency]){const e=P.currency_pairs.find(e=>e.symbol==Y.currency_pair),r=e.contract_size,t=e.digits;"percent"==O.value?(L.value.money=Number(Y.account_size)*Number(Y.risk_ratio)/100,e.path?.includes("Commodities")?L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,-2))/W?.[A.value]?.[Y.account_currency]:L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,1-t))/W?.[A.value]?.[Y.account_currency],L.value.sizing=L.value.unit/r/Number(Y.trade_size)):(L.value.risk_ratio=Y.risk_money/Number(Y.account_size)*100,e.path?.includes("Commodities")?L.value.unit=L.value.money/(Number(Y.stop_loss)*Math.pow(10,-2))/W?.[A.value]?.[Y.account_currency]:L.value.unit=Y.risk_money/(Number(Y.stop_loss)*Math.pow(10,1-t))/W?.[A.value]?.[Y.account_currency],L.value.sizing=L.value.unit/r/Number(Y.trade_size))}})};return c(()=>Q.value,async()=>{if(Y.account_currency&&A.value&&!W?.[A.value]?.[Y.account_currency]){let e=await P.getRate(A.value,Y.account_currency);W[A.value]||(W[A.value]={}),W[A.value][Y.account_currency]=e}},{immediate:!0,deep:!0}),(t,a)=>{const o=e;return l(),u("div",null,[i(g,{title:t.$t("widget.position-calculator.title"),showFilter:!1},{header:s(()=>[n(t.$slots,"header1")]),_:3},8,["title"]),m((l(),u("div",N,[p("div",F,[i(b,{ref_key:"ruleFormRef",ref:J,"form-data":Y,"form-schema":re.value,"form-group-render-options":te,"text-btn-save":t.$t("widget.position-calculator.calculate"),"text-btn-close":t.$t("widget.margin-calculator.reset"),"label-position":"top","scroll-to-error":!1,"item-size":"sm"},{footer:s(()=>[p("div",$,[i(k,{onClick:ae,class:"custom-button sm btn-success-outline text-base btn_calculator"},{default:s(()=>[_(d(t.$t("widget.margin-calculator.reset")),1)]),_:1}),i(k,{type:"success",class:"custom-button sm text-base btn_calculator",onClick:oe},{default:s(()=>[_(d(t.$t("widget.position-calculator.calculate")),1)]),_:1})])]),_:1},8,["form-data","form-schema","text-btn-save","text-btn-close"]),p("div",C,[p("div",q,["money"==O.value?(l(),u("p",I,d(t.$t("widget.position-calculator.risk-raito"))+", % ",1)):(l(),u("p",S,d(t.$t("widget.position-calculator.money"))+", "+d(Y.account_currency),1)),"money"==O.value?(l(),u("p",x,d(L.value.risk_ratio)+"% ",1)):Y.account_currency?(l(),u("p",E,d(isNaN(L.value.money)?`${Intl.NumberFormat("en-US",{style:"currency",currency:Y.account_currency}).format(0)}`:`${Intl.NumberFormat("en-US",{style:"currency",currency:Y.account_currency}).format(L.value.money)}`),1)):v("",!0)]),p("div",M,[p("p",U,d(t.$t("widget.position-calculator.units")),1),p("p",j,d(y(w)(L.value.unit,2)),1)]),p("div",D,[p("p",R,d(t.$t("widget.position-calculator.sizing")),1),p("p",B,d(y(w)(L.value.sizing,2)),1)])])])])),[[o,r.isLoading]])])}}});export{H as _};
@@ -0,0 +1 @@
1
+ import{openBlock as l,createElementBlock as t,createStaticVNode as c}from"vue";const f={xmlns:"http://www.w3.org/2000/svg",width:"500",height:"500",fill:"none",viewBox:"0 0 20 20"};function i(i,p){return l(),t("svg",f,[...p[0]||(p[0]=[c('<g clip-path="url(#clip0_567_954)"><path fill="#F7931A" d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10"></path><path fill="#fff" d="M14.493 8.763c.196-1.31-.802-2.015-2.165-2.485l.442-1.775-1.08-.269-.431 1.729q-.428-.107-.866-.204l.434-1.74-1.08-.269-.442 1.774a34 34 0 0 1-.69-.162l.001-.006-1.49-.372-.287 1.154s.802.184.785.195c.437.11.516.399.503.629l-.504 2.022q.045.01.113.035l-.115-.028-.706 2.833c-.054.132-.19.332-.496.256.012.016-.785-.196-.785-.196l-.536 1.237 1.406.35c.262.066.518.135.77.199l-.447 1.795 1.08.269.442-1.775q.441.118.861.223l-.441 1.767 1.08.27.447-1.792c1.842.349 3.227.208 3.81-1.458.47-1.341-.023-2.116-.992-2.62.706-.163 1.237-.627 1.38-1.587m-2.469 3.46c-.333 1.343-2.592.617-3.325.435l.594-2.378c.733.183 3.08.545 2.731 1.944m.335-3.48c-.305 1.22-2.185.6-2.794.448l.537-2.156c.61.152 2.574.435 2.257 1.708"></path></g><defs><clipPath id="clip0_567_954"><path fill="#fff" d="M0 0h500v500H0z"></path></clipPath></defs>',2)])])}const p={render:i};export{p as default,i as render};