hisonvue 1.0.1 → 1.0.3

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 (125) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +248 -248
  3. package/dist/{HAccordion-ll-4cIAw.mjs → HAccordion-DXNoziwY.mjs} +14 -14
  4. package/dist/{HAccordion-CPtgQUK0.js → HAccordion-FatqOgy2.js} +1 -1
  5. package/dist/{HBaggie-D_7mEiuV.mjs → HBaggie-C4qcuGl9.mjs} +2 -2
  6. package/dist/{HBaggie-D6omQoFh.js → HBaggie-DWSes7QC.js} +1 -1
  7. package/dist/{HBanner-Io4SdGGs.js → HBanner-D2IVlykU.js} +1 -1
  8. package/dist/{HBanner-DmcMOFqS.mjs → HBanner-DNOhDRli.mjs} +46 -46
  9. package/dist/{HButton-DAVuDmOQ.js → HButton-D3aVYVY3.js} +1 -1
  10. package/dist/{HButton-DAriO81x.mjs → HButton-Dhyb_Apz.mjs} +2 -2
  11. package/dist/HCalendar-BB0XyvZV.js +2 -0
  12. package/dist/{HCalendar-w18iIB90.mjs → HCalendar-Bv1mZ6DG.mjs} +7 -7
  13. package/dist/{HCaption-6CbSqRA7.js → HCaption-2Wpf8L9R.js} +1 -1
  14. package/dist/{HCaption-DwsXHDNK.mjs → HCaption-BKJlg7ZH.mjs} +1 -1
  15. package/dist/{HChart-C86JXUyW.js → HChart-BEe_bo5V.js} +1 -1
  16. package/dist/{HChart-CcArHFr0.mjs → HChart-H5M0gQB0.mjs} +1 -1
  17. package/dist/{HDrawer-DG1O42iF.mjs → HDrawer-BYrUd-eA.mjs} +47 -47
  18. package/dist/HDrawer-CWkLJyMS.js +1 -0
  19. package/dist/{HDropdown-D4RAGmjE.js → HDropdown-DTaeDC5I.js} +1 -1
  20. package/dist/{HDropdown-Bs7AfefJ.mjs → HDropdown-Dpba4jMR.mjs} +13 -13
  21. package/dist/{HFileset-CuPR6Hwf.js → HFileset-CWDMfYdY.js} +1 -1
  22. package/dist/{HFileset-BGuP9O4l.mjs → HFileset-Qo0JIgMJ.mjs} +1 -1
  23. package/dist/{HGap-DzGrfWVt.mjs → HGap-B5lrnzJ6.mjs} +1 -1
  24. package/dist/{HGap-BPAdnOQz.js → HGap-Bcl_WYxa.js} +1 -1
  25. package/dist/{HGrid-BiIhVCv_.mjs → HGrid-59dIVp9V.mjs} +1 -1
  26. package/dist/{HGrid-C3EV_pgM.js → HGrid-f8xHSk9C.js} +1 -1
  27. package/dist/{HImagebox-t_UdFjQO.js → HImagebox-DIYXXh95.js} +1 -1
  28. package/dist/{HImagebox-D_DKeCrO.mjs → HImagebox-G-LvB26S.mjs} +1 -1
  29. package/dist/{HInput-BEyJqYkD.mjs → HInput-C9rOBXqc.mjs} +1 -1
  30. package/dist/{HInput-DMGLY473.js → HInput-PgalO88P.js} +1 -1
  31. package/dist/{HInputGroup-D37WTYoI.mjs → HInputGroup-BaK14hkQ.mjs} +1 -1
  32. package/dist/{HInputGroup-Dcfr23sZ.js → HInputGroup-XryXR-6k.js} +1 -1
  33. package/dist/{HLabel-Dm48mSwn.js → HLabel-CbQeG2R3.js} +1 -1
  34. package/dist/{HLabel-B2FOqSiS.mjs → HLabel-jbc0_u5J.mjs} +2 -2
  35. package/dist/{HLayout-C1e4BZ_K.js → HLayout-CUwfApcb.js} +1 -1
  36. package/dist/{HLayout-BbCEm_aO.mjs → HLayout-DmTQQmLs.mjs} +2 -2
  37. package/dist/{HList-eNXmMf27.js → HList-DCupvbju.js} +1 -1
  38. package/dist/{HList-CAeYb-hz.mjs → HList-rD5kL7cI.mjs} +2 -2
  39. package/dist/{HModal-BDBEEpKm.mjs → HModal-XDNcukop.mjs} +1 -1
  40. package/dist/{HModal-GODLq3wH.js → HModal-eniLW2gp.js} +1 -1
  41. package/dist/{HNote-CWnUjt3_.mjs → HNote-BA3umb5e.mjs} +1 -1
  42. package/dist/{HNote-D_Xwu9oL.js → HNote-DzeszCEe.js} +1 -1
  43. package/dist/{HPagination-Db_L9wv-.js → HPagination-BS4l4xGP.js} +1 -1
  44. package/dist/{HPagination-e5e2a5GS.mjs → HPagination-CgufEtL4.mjs} +15 -15
  45. package/dist/{HParagraph-BRuSeOMU.js → HParagraph-DPFx64UD.js} +1 -1
  46. package/dist/{HParagraph-DYuB-qjY.mjs → HParagraph-hCHZmj-4.mjs} +1 -1
  47. package/dist/{HPopup-Brp1FVpm.mjs → HPopup-BfPYzBy6.mjs} +1 -1
  48. package/dist/{HPopup-ChkoI3xm.js → HPopup-NBwn8RA4.js} +1 -1
  49. package/dist/{HSpinner-DOq2k5kT.mjs → HSpinner-1UQgVEve.mjs} +6 -6
  50. package/dist/{HSpinner-DDtU9PL_.js → HSpinner-CMsmFVOv.js} +1 -1
  51. package/dist/{HTable-GCDP5O_J.mjs → HTable-BUIKSXIR.mjs} +1 -1
  52. package/dist/{HTable-DGFnzD4u.js → HTable-Dweedemn.js} +1 -1
  53. package/dist/ar.es-C08a05mp.mjs +57 -0
  54. package/dist/{bg.es-BJ7fu6yy.mjs → bg.es-BxUPtB2r.mjs} +15 -15
  55. package/dist/bn.es-J9yOJsGH.mjs +57 -0
  56. package/dist/{bs.es-yMnaKmdi.mjs → bs.es-Fq6ZEbY-.mjs} +13 -13
  57. package/dist/{ca.es-DIhlxmQc.mjs → ca.es-Bu3i72ow.mjs} +21 -21
  58. package/dist/{cs.es-BN8oxRXQ.mjs → cs.es-CeLWs7BX.mjs} +19 -19
  59. package/dist/da.es-BkbgeF4x.mjs +57 -0
  60. package/dist/{de.es-glb8GeJh.mjs → de.es-Dxj10D7g.mjs} +15 -15
  61. package/dist/{drag-and-drop.es-Ckzp6XEn.mjs → drag-and-drop.es-CoYQRahm.mjs} +1 -1
  62. package/dist/drag-and-drop.es-DWn92Mem.js +5 -0
  63. package/dist/{el.es-_bBZf22h.mjs → el.es-BcvYhsc8.mjs} +23 -23
  64. package/dist/{en.es-CV9nmQGr.mjs → en.es-stDfj1fG.mjs} +11 -11
  65. package/dist/es.es-DJ9hC3M1.mjs +57 -0
  66. package/dist/{et.es-CjvQAzNF.mjs → et.es-Bh__rR0h.mjs} +20 -20
  67. package/dist/fa.es-CyoM_QAj.mjs +57 -0
  68. package/dist/{he.es-nF4GFhjH.mjs → he.es-Bytj24fj.mjs} +21 -21
  69. package/dist/hisonvue.cjs.js +1 -1
  70. package/dist/hisonvue.css +1 -1
  71. package/dist/hisonvue.d.ts +9 -9
  72. package/dist/hisonvue.es.js +2 -2
  73. package/dist/{hr.es-QFfz660j.mjs → hr.es-DjKclO4X.mjs} +15 -15
  74. package/dist/{hu.es-Ck2rE01V.mjs → hu.es-CgiNeVVu.mjs} +21 -21
  75. package/dist/index-CKU70ocu.js +153 -0
  76. package/dist/{index-DUh7pai4.mjs → index-p1EBArRP.mjs} +889 -889
  77. package/dist/is.es-yRheRWhc.mjs +57 -0
  78. package/dist/ja.es-CALG6dhe.mjs +57 -0
  79. package/dist/{ka.es-x9QJo_dl.mjs → ka.es-6dlQBWDo.mjs} +20 -20
  80. package/dist/ko.es-BU6TVPXM.mjs +57 -0
  81. package/dist/mn.es-CY_Brq9B.mjs +57 -0
  82. package/dist/{nl.es-bB1qWR_S.mjs → nl.es-CN5JXXxr.mjs} +15 -15
  83. package/dist/no.es-BZkgoly8.mjs +57 -0
  84. package/dist/{pl.es-Dzct23w9.mjs → pl.es-BJ9nIcgc.mjs} +21 -21
  85. package/dist/pt-br.es-DEhn4BON.mjs +57 -0
  86. package/dist/pt-pt.es-DEhn4BON.mjs +57 -0
  87. package/dist/ro.es-CsOras9g.mjs +57 -0
  88. package/dist/{ru.es-Bv9UvrBe.mjs → ru.es-CPzb0Fst.mjs} +23 -23
  89. package/dist/{setButtonCssEvent-B9WTs2X7.js → setButtonCssEvent-BoBQS2-T.js} +1 -1
  90. package/dist/{setButtonCssEvent-dBs1GcAh.mjs → setButtonCssEvent-CB-7jMmJ.mjs} +1 -1
  91. package/dist/sk.es-D6YtHvSy.mjs +57 -0
  92. package/dist/{sl.es-DeIGgZbR.mjs → sl.es-D0fiCGIm.mjs} +16 -16
  93. package/dist/{sq.es-CQJJrZHv.mjs → sq.es-a8QTS1Hv.mjs} +17 -17
  94. package/dist/{sr.es-CKS0AkiW.mjs → sr.es-CIc0WPBO.mjs} +13 -13
  95. package/dist/sv.es-DFVxHUOu.mjs +57 -0
  96. package/dist/tr.es-CXIKJ2UV.mjs +57 -0
  97. package/dist/{uk.es-CiR4NnbN.mjs → uk.es-BvUxN5ag.mjs} +23 -23
  98. package/dist/{vi.es-DFDi5l7p.mjs → vi.es-C0AyhgP1.mjs} +26 -26
  99. package/dist/zh-cn.es-AODwJ7q7.mjs +67 -0
  100. package/dist/zh-hk.es-Bdbs8ke2.mjs +67 -0
  101. package/nuxt/module.mjs +39 -39
  102. package/nuxt/plugin.mjs +21 -21
  103. package/package.json +53 -53
  104. package/dist/HCalendar-DKwGatUk.js +0 -2
  105. package/dist/HDrawer-U5VC_okK.js +0 -1
  106. package/dist/ar.es-XxSuE68c.mjs +0 -57
  107. package/dist/bn.es-CYlBkxc5.mjs +0 -57
  108. package/dist/da.es-DJB5lAli.mjs +0 -57
  109. package/dist/drag-and-drop.es-4ttM1tRs.js +0 -5
  110. package/dist/es.es-CZjcWK54.mjs +0 -57
  111. package/dist/fa.es-DykeFwDA.mjs +0 -57
  112. package/dist/index-BmKMHsSZ.js +0 -153
  113. package/dist/is.es-bzprHvXI.mjs +0 -57
  114. package/dist/ja.es-BaiGjqZ6.mjs +0 -57
  115. package/dist/ko.es-6c447eTS.mjs +0 -57
  116. package/dist/mn.es-BLQRG1uu.mjs +0 -57
  117. package/dist/no.es-CWDVXpTf.mjs +0 -57
  118. package/dist/pt-br.es-BeBuiitI.mjs +0 -57
  119. package/dist/pt-pt.es-BeBuiitI.mjs +0 -57
  120. package/dist/ro.es-DfMVJ30M.mjs +0 -57
  121. package/dist/sk.es-CUOTpLuL.mjs +0 -57
  122. package/dist/sv.es-ChHQRrAe.mjs +0 -57
  123. package/dist/tr.es-B3v90gVv.mjs +0 -57
  124. package/dist/zh-cn.es-9cbEAuAi.mjs +0 -67
  125. package/dist/zh-hk.es-z0tio4jE.mjs +0 -67
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as W, ref as o, computed as u, onMounted as X, onBeforeUnmount as _, watch as i, nextTick as C, unref as z, createElementBlock as V, openBlock as $, normalizeStyle as L, normalizeClass as q, createElementVNode as ee, createCommentVNode as se, renderSlot as K, withKeys as H, withModifiers as P, toDisplayString as te } from "vue";
2
- import { B as ne, f as T, S as ae, i as oe, g as ie, u as le, e as ue, t as re, b as U, h as S, r as de, c as ge, d as be } from "./index-DUh7pai4.mjs";
3
- import { r as D, a as ve } from "./setButtonCssEvent-dBs1GcAh.mjs";
2
+ import { B as ne, f as T, S as ae, i as oe, g as ie, u as le, e as ue, t as re, b as U, h as S, r as de, c as ge, d as be } from "./index-p1EBArRP.mjs";
3
+ import { r as D, a as ve } from "./setButtonCssEvent-CB-7jMmJ.mjs";
4
4
  import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const fe = {
6
6
  /**
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-BmKMHsSZ.js"),T=require("./setButtonCssEvent-B9WTs2X7.js"),H=require("./_plugin-vue_export-helper-BHFhmbuH.js"),P={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},baggieVisible:{type:Boolean,default:!0},zIndex:{type:Number,default:1e3},position:{type:String,default:s.ScreenPosition.topRight,validator:e=>s.SCREEN_POSITION_VALUES.includes(e)},text:{type:String,required:!1},backgroundType:{type:String,default:s.BackgroundType.filled,validator:e=>s.BACKGROUND_TYPE_VALUES.includes(e)},border:{type:Boolean,default:!0},shape:{type:String,default:"rounded",validator:e=>["square","rounded","circle"].includes(e)},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)},buttonEnabled:{type:Boolean,default:!1}},x=t.defineComponent({name:"HBaggie",props:P,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:a}){const l=e.id||s.getUUID(),h=`hbaggie:${l}`,B=s.useDevice(),w=t.ref(null),i=t.ref(null),g=t.ref(e.visible),b=t.ref(e.baggieVisible),r=t.ref(e.zIndex??1e3),c=t.ref(e.position),v=t.ref(e.text??""),f=t.ref(e.border??!0),m=t.ref(e.backgroundType||s.BackgroundType.filled),d=t.ref(e.shape||"rounded"),y=t.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),u=t.ref(e.buttonEnabled??!1),V=t.computed(()=>g.value?"":"hison-display-none"),M=t.computed(()=>b.value?"":"hison-display-none"),$=t.computed(()=>f.value?"hison-border":""),q=t.computed(()=>{switch(m.value){case s.BackgroundType.transparent:return"hison-bg-transparent";case s.BackgroundType.empty:return"hison-bg-empty";default:return"hison-bg-filled"}}),z=t.computed(()=>d.value==="circle"?"hison-baggie-shape-circle":d.value==="square"?"hison-baggie-shape-square":"hison-baggie-shape-rounded"),C=t.ref([]),S=()=>{C.value=s.extractResponsiveClasses(s.toClassString(e.class)||"",B.value),s.addComponentNameToClass(C.value,"size",s.hisonCloser.componentStyle.size),s.addComponentNameToClass(C.value,"color","primary")},A=t.computed(()=>`hison-baggie-pos-${c.value}`),R=t.computed(()=>({zIndex:r.value})),K=t.computed(()=>({zIndex:r.value+1})),k=(n=!0)=>{const o=i.value;o&&(T.removeButtonCssEvent(o),n&&u.value&&T.addButtonCssEvent(o))},I=n=>{u.value&&a("click",n,t.unref(p))},L=()=>{u.value&&I(new MouseEvent("click"))},p=t.ref(null),E=()=>{s.hisonCloser.component.baggieList[l]&&s.hisonCloser.component.baggieList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The baggie ID is at risk of being duplicated. ${l}`),s.registerReloadable(h,()=>{N(),t.nextTick(E)}),S(),t.nextTick(()=>k(!0)),p.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"baggie",isVisible:()=>g.value,setVisible:n=>{g.value=n},isBaggieVisible:()=>b.value,setBaggieVisible:n=>{b.value=n},getZIndex:()=>r.value,setZIndex:n=>{r.value=n},getPosition:()=>c.value,setPosition:n=>{c.value=n},getText:()=>v.value,setText:n=>{v.value=n},isBorder:()=>f.value,setBorder:n=>{f.value=n},getBackgroundType:()=>m.value,setBackgroundType:n=>{m.value=n},getShape:()=>d.value,setShape:n=>{d.value=n},getTabIndex:()=>y.value,setTabIndex:n=>{y.value=n!=null?Number(n):null},isButtonEnabled:()=>u.value,setButtonEnabled:n=>{u.value=n,t.nextTick(()=>k(!0))},reload:()=>s.reloadHisonComponent(h)},s.hisonCloser.component.baggieList[l]=p.value,a("mounted",p.value)},N=()=>{s.unregisterReloadable(h);const n=i.value;n&&T.removeButtonCssEvent(n),delete s.hisonCloser.component.baggieList[l]};return t.onMounted(E),t.onBeforeUnmount(N),t.watch(B,n=>{S(),a("responsive-change",n)}),t.watch(()=>e.visible,n=>{n!==g.value&&(g.value=!!n)}),t.watch(()=>e.baggieVisible,n=>{n!==b.value&&(b.value=!!n,t.nextTick(()=>k(!0)))}),t.watch(()=>e.zIndex,n=>{const o=Number(n);Number.isFinite(o)&&o!==r.value&&(r.value=o)}),t.watch(()=>e.position,n=>{typeof n=="string"&&n!==c.value&&(c.value=n)}),t.watch(()=>e.text,n=>{const o=n??"";o!==v.value&&(v.value=o)}),t.watch(()=>e.border,n=>{const o=!!n;o!==f.value&&(f.value=o)}),t.watch(()=>e.backgroundType,n=>{n&&n!==m.value&&(m.value=n)}),t.watch(()=>e.shape,n=>{(n==="square"||n==="rounded"||n==="circle")&&n!==d.value&&(d.value=n)}),t.watch(()=>e.tabIndex,n=>{const o=n===null||n===""?null:Number(n);o!==y.value&&(y.value=o)}),t.watch(()=>e.buttonEnabled,n=>{const o=!!n;o!==u.value&&(u.value=o,t.nextTick(()=>k(!0)))}),t.watch(()=>e.class,()=>S()),{id:l,props:e,anchorRef:w,baggieRef:i,text:v,visibleClass:V,baggieVisibleClass:M,responsiveClassList:C,backgroundTypeClass:q,borderClass:$,shapeClass:z,positionClass:A,anchorStyle:R,badgeStyle:K,baggieMethods:t.computed(()=>t.unref(p)),tabIndex:y,buttonEnabled:u,onClick:I,onKeyActivate:L}}}),O={class:"hison-baggie-target"},U=["tabindex"],D={key:1,class:"hison-baggie-text"};function j(e,a,l,h,B,w){return t.openBlock(),t.createElementBlock("span",{ref:"anchorRef",class:t.normalizeClass(["hison-baggie-anchor",e.visibleClass,...e.responsiveClassList]),style:t.normalizeStyle(e.anchorStyle),onMousedown:a[3]||(a[3]=i=>e.$emit("mousedown",i,e.baggieMethods)),onMouseup:a[4]||(a[4]=i=>e.$emit("mouseup",i,e.baggieMethods)),onMouseover:a[5]||(a[5]=i=>e.$emit("mouseover",i,e.baggieMethods)),onMouseout:a[6]||(a[6]=i=>e.$emit("mouseout",i,e.baggieMethods))},[t.createElementVNode("span",O,[t.renderSlot(e.$slots,"default")]),e.baggieVisible?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"baggieRef",class:t.normalizeClass(["hison-baggie",e.positionClass,e.backgroundTypeClass,e.borderClass,e.shapeClass,e.baggieVisibleClass,e.buttonEnabled?"hison-baggie-button":null]),style:t.normalizeStyle([e.badgeStyle,e.props.style]),role:"status",tabindex:e.tabIndex??void 0,onClick:a[0]||(a[0]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[a[1]||(a[1]=t.withKeys(t.withModifiers((...i)=>e.onKeyActivate&&e.onKeyActivate(...i),["prevent"]),["enter"])),a[2]||(a[2]=t.withKeys(t.withModifiers((...i)=>e.onKeyActivate&&e.onKeyActivate(...i),["prevent"]),["space"]))]},[e.$slots.badge?t.renderSlot(e.$slots,"badge",{key:0}):(t.openBlock(),t.createElementBlock("span",D,t.toDisplayString(e.text),1))],46,U)):t.createCommentVNode("",!0)],38)}const F=H._export_sfc(x,[["render",j]]);exports.default=F;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-CKU70ocu.js"),T=require("./setButtonCssEvent-BoBQS2-T.js"),H=require("./_plugin-vue_export-helper-BHFhmbuH.js"),P={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},baggieVisible:{type:Boolean,default:!0},zIndex:{type:Number,default:1e3},position:{type:String,default:s.ScreenPosition.topRight,validator:e=>s.SCREEN_POSITION_VALUES.includes(e)},text:{type:String,required:!1},backgroundType:{type:String,default:s.BackgroundType.filled,validator:e=>s.BACKGROUND_TYPE_VALUES.includes(e)},border:{type:Boolean,default:!0},shape:{type:String,default:"rounded",validator:e=>["square","rounded","circle"].includes(e)},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)},buttonEnabled:{type:Boolean,default:!1}},x=t.defineComponent({name:"HBaggie",props:P,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:a}){const l=e.id||s.getUUID(),h=`hbaggie:${l}`,B=s.useDevice(),w=t.ref(null),i=t.ref(null),g=t.ref(e.visible),b=t.ref(e.baggieVisible),r=t.ref(e.zIndex??1e3),c=t.ref(e.position),v=t.ref(e.text??""),f=t.ref(e.border??!0),m=t.ref(e.backgroundType||s.BackgroundType.filled),d=t.ref(e.shape||"rounded"),y=t.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),u=t.ref(e.buttonEnabled??!1),V=t.computed(()=>g.value?"":"hison-display-none"),M=t.computed(()=>b.value?"":"hison-display-none"),$=t.computed(()=>f.value?"hison-border":""),q=t.computed(()=>{switch(m.value){case s.BackgroundType.transparent:return"hison-bg-transparent";case s.BackgroundType.empty:return"hison-bg-empty";default:return"hison-bg-filled"}}),z=t.computed(()=>d.value==="circle"?"hison-baggie-shape-circle":d.value==="square"?"hison-baggie-shape-square":"hison-baggie-shape-rounded"),C=t.ref([]),S=()=>{C.value=s.extractResponsiveClasses(s.toClassString(e.class)||"",B.value),s.addComponentNameToClass(C.value,"size",s.hisonCloser.componentStyle.size),s.addComponentNameToClass(C.value,"color","primary")},A=t.computed(()=>`hison-baggie-pos-${c.value}`),R=t.computed(()=>({zIndex:r.value})),K=t.computed(()=>({zIndex:r.value+1})),k=(n=!0)=>{const o=i.value;o&&(T.removeButtonCssEvent(o),n&&u.value&&T.addButtonCssEvent(o))},I=n=>{u.value&&a("click",n,t.unref(p))},L=()=>{u.value&&I(new MouseEvent("click"))},p=t.ref(null),E=()=>{s.hisonCloser.component.baggieList[l]&&s.hisonCloser.component.baggieList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The baggie ID is at risk of being duplicated. ${l}`),s.registerReloadable(h,()=>{N(),t.nextTick(E)}),S(),t.nextTick(()=>k(!0)),p.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"baggie",isVisible:()=>g.value,setVisible:n=>{g.value=n},isBaggieVisible:()=>b.value,setBaggieVisible:n=>{b.value=n},getZIndex:()=>r.value,setZIndex:n=>{r.value=n},getPosition:()=>c.value,setPosition:n=>{c.value=n},getText:()=>v.value,setText:n=>{v.value=n},isBorder:()=>f.value,setBorder:n=>{f.value=n},getBackgroundType:()=>m.value,setBackgroundType:n=>{m.value=n},getShape:()=>d.value,setShape:n=>{d.value=n},getTabIndex:()=>y.value,setTabIndex:n=>{y.value=n!=null?Number(n):null},isButtonEnabled:()=>u.value,setButtonEnabled:n=>{u.value=n,t.nextTick(()=>k(!0))},reload:()=>s.reloadHisonComponent(h)},s.hisonCloser.component.baggieList[l]=p.value,a("mounted",p.value)},N=()=>{s.unregisterReloadable(h);const n=i.value;n&&T.removeButtonCssEvent(n),delete s.hisonCloser.component.baggieList[l]};return t.onMounted(E),t.onBeforeUnmount(N),t.watch(B,n=>{S(),a("responsive-change",n)}),t.watch(()=>e.visible,n=>{n!==g.value&&(g.value=!!n)}),t.watch(()=>e.baggieVisible,n=>{n!==b.value&&(b.value=!!n,t.nextTick(()=>k(!0)))}),t.watch(()=>e.zIndex,n=>{const o=Number(n);Number.isFinite(o)&&o!==r.value&&(r.value=o)}),t.watch(()=>e.position,n=>{typeof n=="string"&&n!==c.value&&(c.value=n)}),t.watch(()=>e.text,n=>{const o=n??"";o!==v.value&&(v.value=o)}),t.watch(()=>e.border,n=>{const o=!!n;o!==f.value&&(f.value=o)}),t.watch(()=>e.backgroundType,n=>{n&&n!==m.value&&(m.value=n)}),t.watch(()=>e.shape,n=>{(n==="square"||n==="rounded"||n==="circle")&&n!==d.value&&(d.value=n)}),t.watch(()=>e.tabIndex,n=>{const o=n===null||n===""?null:Number(n);o!==y.value&&(y.value=o)}),t.watch(()=>e.buttonEnabled,n=>{const o=!!n;o!==u.value&&(u.value=o,t.nextTick(()=>k(!0)))}),t.watch(()=>e.class,()=>S()),{id:l,props:e,anchorRef:w,baggieRef:i,text:v,visibleClass:V,baggieVisibleClass:M,responsiveClassList:C,backgroundTypeClass:q,borderClass:$,shapeClass:z,positionClass:A,anchorStyle:R,badgeStyle:K,baggieMethods:t.computed(()=>t.unref(p)),tabIndex:y,buttonEnabled:u,onClick:I,onKeyActivate:L}}}),O={class:"hison-baggie-target"},U=["tabindex"],D={key:1,class:"hison-baggie-text"};function j(e,a,l,h,B,w){return t.openBlock(),t.createElementBlock("span",{ref:"anchorRef",class:t.normalizeClass(["hison-baggie-anchor",e.visibleClass,...e.responsiveClassList]),style:t.normalizeStyle(e.anchorStyle),onMousedown:a[3]||(a[3]=i=>e.$emit("mousedown",i,e.baggieMethods)),onMouseup:a[4]||(a[4]=i=>e.$emit("mouseup",i,e.baggieMethods)),onMouseover:a[5]||(a[5]=i=>e.$emit("mouseover",i,e.baggieMethods)),onMouseout:a[6]||(a[6]=i=>e.$emit("mouseout",i,e.baggieMethods))},[t.createElementVNode("span",O,[t.renderSlot(e.$slots,"default")]),e.baggieVisible?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"baggieRef",class:t.normalizeClass(["hison-baggie",e.positionClass,e.backgroundTypeClass,e.borderClass,e.shapeClass,e.baggieVisibleClass,e.buttonEnabled?"hison-baggie-button":null]),style:t.normalizeStyle([e.badgeStyle,e.props.style]),role:"status",tabindex:e.tabIndex??void 0,onClick:a[0]||(a[0]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[a[1]||(a[1]=t.withKeys(t.withModifiers((...i)=>e.onKeyActivate&&e.onKeyActivate(...i),["prevent"]),["enter"])),a[2]||(a[2]=t.withKeys(t.withModifiers((...i)=>e.onKeyActivate&&e.onKeyActivate(...i),["prevent"]),["space"]))]},[e.$slots.badge?t.renderSlot(e.$slots,"badge",{key:0}):(t.openBlock(),t.createElementBlock("span",D,t.toDisplayString(e.text),1))],46,U)):t.createCommentVNode("",!0)],38)}const F=H._export_sfc(x,[["render",j]]);exports.default=F;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BmKMHsSZ.js"),ne=require("./HButton-DAVuDmOQ.js"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ae={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},backgroundType:{type:String,default:o.BackgroundType.transparent,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},border:{type:Boolean,default:!1},initialIndex:{type:Number,default:0},transitionMs:{type:Number,default:600},navButtonStyle:{type:String,default:"chevron",validator:n=>n==="chevron"||n==="triangle"},showNavButtons:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},indicatorsPosition:{type:String,default:"bottom",validator:n=>n==="bottom"||n==="overlay"},indicatorClickable:{type:Boolean,default:!0},autoIntervalMs:{type:Number,default:0},autoDirection:{type:String,default:"next",validator:n=>n==="next"||n==="prev"},loop:{type:Boolean,default:!0},pauseOnHover:{type:Boolean,default:!0}},se=e.defineComponent({name:"HBanner",components:{HButton:ne.default},props:ae,emits:["mounted","responsive-change","change","next","prev","autoplay-start","autoplay-stop"],setup(n,{emit:a}){const u=n.id?n.id:o.getUUID(),A=`hbanner:${u}`,z=o.useDevice(),g=e.useSlots(),l=e.ref(null),s=e.ref(null),d=e.ref(n.visible),j=e.computed(()=>d.value?"":"hison-display-none"),k=e.ref(n.border??!1),G=e.computed(()=>k.value?"hison-border":""),B=e.ref(n.backgroundType),K=e.computed(()=>{switch(B.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),w=e.ref(n.navButtonStyle),N=e.ref(n.showNavButtons),S=e.ref(n.showIndicators),I=e.ref(n.indicatorsPosition),Y=e.computed(()=>I.value==="overlay"?"hison-banner-indicators-overlay":"hison-banner-indicators-bottom"),M=e.ref(n.indicatorClickable),T=e.ref(n.autoIntervalMs),E=e.ref(n.autoDirection),c=e.ref(n.loop),m=e.ref(n.pauseOnHover),P=e.ref(n.transitionMs);let h;const r=e.ref(0),f=e.ref(n.initialIndex??0),F=e.computed(()=>{var i;return((i=g.default)==null?void 0:i.call(g))??[]}),v=e.computed(()=>F.value.length),b=e.ref([]),O=()=>{b.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",z.value),o.getIndexSpecificClassNameFromClassList(b.value,"col")===-1&&b.value.push("hison-col-12"),o.addComponentNameToClass(b.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(b.value,"color","primary")},J=e.computed(()=>{const t=[];return t.push(...o.extractPrefixedClasses(o.toClassString(n.class)||"","size")),t.push(...o.extractPrefixedClasses(o.toClassString(n.class)||"","color")),t}),R=e.computed(()=>!c.value&&r.value<=0),U=e.computed(()=>!c.value&&r.value>=Math.max(0,v.value-1)),Q=e.computed(()=>({display:"flex",flexDirection:"row",width:"100%",transform:`translateX(${-r.value*100}%)`,transition:`transform ${Math.max(0,P.value)}ms ease`})),L=t=>{if(v.value<=0)return 0;if(c.value){const i=v.value;return(t%i+i)%i}return Math.min(Math.max(0,t),v.value-1)},y=t=>{const i=r.value,q=L(t);i!==q&&(r.value=q,a("change",q,l.value))},D=()=>{if(!c.value&&R.value)return;const t=L(r.value-1);r.value=t,a("prev",t,l.value),a("change",t,l.value)},H=()=>{if(!c.value&&U.value)return;const t=L(r.value+1);r.value=t,a("next",t,l.value),a("change",t,l.value)},V=()=>{h&&(window.clearInterval(h),h=void 0,a("autoplay-stop",l.value))},p=()=>{V();const t=Number(T.value);!Number.isFinite(t)||t<100||v.value<=1||(h=window.setInterval(()=>{E.value==="prev"?D():H()},t),a("autoplay-start",l.value))},W=()=>{m.value&&V()},Z=()=>{m.value&&p()},$=e.ref(null),C=e.ref(0),_=t=>{!t.touches||t.touches.length!==1||($.value=t.touches[0].clientX,C.value=0)},ee=t=>{$.value==null||!t.touches||t.touches.length!==1||(C.value=t.touches[0].clientX-$.value)},te=()=>{Math.abs(C.value)>40&&(C.value>0?D():H()),$.value=null,C.value=0},X=()=>{o.hisonCloser.component.bannerList[u]&&o.hisonCloser.component.bannerList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The banner ID is at risk of being duplicated. ${u}`),o.registerReloadable(A,()=>{x(),e.nextTick(X)}),O(),l.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"banner",isVisible:()=>d.value,setVisible:t=>{d.value=t},isBorder:()=>k.value,setBorder:t=>{k.value=t},getBackgroundType:()=>B.value,setBackgroundType:t=>{B.value=t},getCurrentIndex:()=>r.value,setCurrentIndex:t=>{y(t)},getInitialIndex:()=>f.value,setInitialIndex:t=>{f.value=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0,y(f.value)},getSlideCount:()=>v.value,next:()=>{H()},prev:()=>{D()},goTo:t=>{y(t)},getNavButtonStyle:()=>w.value,setNavButtonStyle:t=>{w.value=t},isShowNavButtons:()=>N.value,setShowNavButtons:t=>{N.value=t},isShowIndicators:()=>S.value,setShowIndicators:t=>{S.value=t},getIndicatorsPosition:()=>I.value,setIndicatorsPosition:t=>{I.value=t},isIndicatorClickable:()=>M.value,setIndicatorClickable:t=>{M.value=t},getAutoInterval:()=>T.value,setAutoInterval:t=>{T.value=Number(t),h&&p()},getAutoDirection:()=>E.value,setAutoDirection:t=>{E.value=t},isLoop:()=>c.value,setLoop:t=>{c.value=t},isPauseOnHover:()=>m.value,setPauseOnHover:t=>{m.value=t},startAuto:()=>{p()},stopAuto:()=>{V()},getTransitionMs:()=>P.value,setTransitionMs:t=>{P.value=Math.max(0,Number(t)||0)},reload:()=>o.reloadHisonComponent(A)},o.hisonCloser.component.bannerList[u]=l.value,a("mounted",l.value),r.value=L(f.value),p()},x=()=>{V(),delete o.hisonCloser.component.bannerList[u]};return e.onMounted(X),e.onBeforeUnmount(x),e.watch(z,t=>{O(),a("responsive-change",t)}),e.watch(()=>n.visible,t=>d.value=t),e.watch(()=>n.border,t=>k.value=!!t),e.watch(()=>n.backgroundType,t=>B.value=t),e.watch(()=>n.navButtonStyle,t=>w.value=t),e.watch(()=>n.showNavButtons,t=>N.value=t),e.watch(()=>n.showIndicators,t=>S.value=t),e.watch(()=>n.indicatorsPosition,t=>{I.value=t}),e.watch(()=>n.indicatorClickable,t=>M.value=t),e.watch(()=>n.transitionMs,t=>P.value=t),e.watch(()=>n.autoIntervalMs,t=>{T.value=t,h&&p()}),e.watch(()=>n.autoDirection,t=>E.value=t),e.watch(()=>n.loop,t=>c.value=t),e.watch(()=>n.pauseOnHover,t=>m.value=t),e.watch(()=>n.initialIndex,t=>{const i=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0;f.value=i,y(i)}),e.watch(()=>n.class,()=>{O()}),{id:u,props:n,bannerMethods:e.computed(()=>e.unref(l)),visibleClass:j,borderClass:G,backgroundTypeClass:K,responsiveClassList:b,buttonClassList:J,slideNodes:F,slideCount:v,currentIndex:r,navButtonStyle:w,showNavButtons:N,showIndicators:S,indicatorsPositionClass:Y,indicatorClickable:M,isPrevDisabled:R,isNextDisabled:U,trackStyle:Q,trackRef:s,goPrev:D,goNext:H,goTo:y,onMouseEnter:W,onMouseLeave:Z,onTouchStart:_,onTouchMove:ee,onTouchEnd:te}}}),le={class:"hison-banner-viewport"},re={key:0,class:"hison-banner-nav"},ie={class:"hison-banner-nav-prev"},ue={key:0},ce={key:1},de={class:"hison-banner-nav-next"},ve={key:0},he={key:1},be=["title","onClick"];function me(n,a,u,A,z,g){const l=e.resolveComponent("HButton");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[e.createElementVNode("div",{class:e.normalizeClass(["hison-banner",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle(n.props.style),onMouseenter:a[0]||(a[0]=(...s)=>n.onMouseEnter&&n.onMouseEnter(...s)),onMouseleave:a[1]||(a[1]=(...s)=>n.onMouseLeave&&n.onMouseLeave(...s)),onTouchstartPassive:a[2]||(a[2]=(...s)=>n.onTouchStart&&n.onTouchStart(...s)),onTouchmove:a[3]||(a[3]=e.withModifiers((...s)=>n.onTouchMove&&n.onTouchMove(...s),["prevent"])),onTouchendPassive:a[4]||(a[4]=(...s)=>n.onTouchEnd&&n.onTouchEnd(...s))},[e.createElementVNode("div",le,[e.createElementVNode("div",{ref:"trackRef",class:"hison-banner-track",style:e.normalizeStyle(n.trackStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.slideNodes,(s,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"hison-banner-slide"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s)))]))),128))],4)]),n.showNavButtons&&n.slideCount>1?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",ie,[e.renderSlot(n.$slots,"prev-button",{prev:n.goPrev,disabled:n.isPrevDisabled},()=>[e.createVNode(l,{id:`hison_banner_prev_button_${n.id}`,disable:n.isPrevDisabled,class:e.normalizeClass(["hison-col-12",...n.buttonClassList]),"background-type":"transparent",border:!1,onClick:n.goPrev},{icon:e.withCtx(()=>[n.navButtonStyle==="chevron"?(e.openBlock(),e.createElementBlock("span",ue,"〈")):n.navButtonStyle==="triangle"?(e.openBlock(),e.createElementBlock("span",ce,"◀")):e.createCommentVNode("",!0)]),_:1},8,["id","disable","class","onClick"])])]),e.createElementVNode("div",de,[e.renderSlot(n.$slots,"next-button",{next:n.goNext,disabled:n.isNextDisabled},()=>[e.createVNode(l,{id:`hison_banner_next_button_${n.id}`,disable:n.isNextDisabled,class:e.normalizeClass(["hison-col-12",...n.buttonClassList]),"background-type":"transparent",border:!1,onClick:n.goNext},{icon:e.withCtx(()=>[n.navButtonStyle==="chevron"?(e.openBlock(),e.createElementBlock("span",ve,"〉")):n.navButtonStyle==="triangle"?(e.openBlock(),e.createElementBlock("span",he,"▶")):e.createCommentVNode("",!0)]),_:1},8,["id","disable","class","onClick"])])])])):e.createCommentVNode("",!0),n.showIndicators&&n.slideCount>0?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["hison-banner-indicators",[n.indicatorsPositionClass]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.slideCount,s=>(e.openBlock(),e.createElementBlock("button",{key:s,class:e.normalizeClass(["hison-banner-indicator",{active:n.currentIndex===s-1,"no-pointer":!n.indicatorClickable}]),title:`Go to ${s}`,type:"button",onClick:d=>n.indicatorClickable?n.goTo(s-1):null}," ● ",10,be))),128))],2)):e.createCommentVNode("",!0)],38)],2)}const fe=oe._export_sfc(se,[["render",me]]);exports.default=fe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-CKU70ocu.js"),ne=require("./HButton-D3aVYVY3.js"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ae={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},backgroundType:{type:String,default:o.BackgroundType.transparent,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},border:{type:Boolean,default:!1},initialIndex:{type:Number,default:0},transitionMs:{type:Number,default:600},navButtonStyle:{type:String,default:"chevron",validator:n=>n==="chevron"||n==="triangle"},showNavButtons:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},indicatorsPosition:{type:String,default:"bottom",validator:n=>n==="bottom"||n==="overlay"},indicatorClickable:{type:Boolean,default:!0},autoIntervalMs:{type:Number,default:0},autoDirection:{type:String,default:"next",validator:n=>n==="next"||n==="prev"},loop:{type:Boolean,default:!0},pauseOnHover:{type:Boolean,default:!0}},se=e.defineComponent({name:"HBanner",components:{HButton:ne.default},props:ae,emits:["mounted","responsive-change","change","next","prev","autoplay-start","autoplay-stop"],setup(n,{emit:a}){const u=n.id?n.id:o.getUUID(),A=`hbanner:${u}`,z=o.useDevice(),g=e.useSlots(),l=e.ref(null),s=e.ref(null),d=e.ref(n.visible),j=e.computed(()=>d.value?"":"hison-display-none"),k=e.ref(n.border??!1),G=e.computed(()=>k.value?"hison-border":""),B=e.ref(n.backgroundType),K=e.computed(()=>{switch(B.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),w=e.ref(n.navButtonStyle),N=e.ref(n.showNavButtons),S=e.ref(n.showIndicators),I=e.ref(n.indicatorsPosition),Y=e.computed(()=>I.value==="overlay"?"hison-banner-indicators-overlay":"hison-banner-indicators-bottom"),M=e.ref(n.indicatorClickable),T=e.ref(n.autoIntervalMs),E=e.ref(n.autoDirection),c=e.ref(n.loop),m=e.ref(n.pauseOnHover),P=e.ref(n.transitionMs);let h;const r=e.ref(0),f=e.ref(n.initialIndex??0),F=e.computed(()=>{var i;return((i=g.default)==null?void 0:i.call(g))??[]}),v=e.computed(()=>F.value.length),b=e.ref([]),O=()=>{b.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",z.value),o.getIndexSpecificClassNameFromClassList(b.value,"col")===-1&&b.value.push("hison-col-12"),o.addComponentNameToClass(b.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(b.value,"color","primary")},J=e.computed(()=>{const t=[];return t.push(...o.extractPrefixedClasses(o.toClassString(n.class)||"","size")),t.push(...o.extractPrefixedClasses(o.toClassString(n.class)||"","color")),t}),R=e.computed(()=>!c.value&&r.value<=0),U=e.computed(()=>!c.value&&r.value>=Math.max(0,v.value-1)),Q=e.computed(()=>({display:"flex",flexDirection:"row",width:"100%",transform:`translateX(${-r.value*100}%)`,transition:`transform ${Math.max(0,P.value)}ms ease`})),L=t=>{if(v.value<=0)return 0;if(c.value){const i=v.value;return(t%i+i)%i}return Math.min(Math.max(0,t),v.value-1)},y=t=>{const i=r.value,q=L(t);i!==q&&(r.value=q,a("change",q,l.value))},D=()=>{if(!c.value&&R.value)return;const t=L(r.value-1);r.value=t,a("prev",t,l.value),a("change",t,l.value)},H=()=>{if(!c.value&&U.value)return;const t=L(r.value+1);r.value=t,a("next",t,l.value),a("change",t,l.value)},V=()=>{h&&(window.clearInterval(h),h=void 0,a("autoplay-stop",l.value))},p=()=>{V();const t=Number(T.value);!Number.isFinite(t)||t<100||v.value<=1||(h=window.setInterval(()=>{E.value==="prev"?D():H()},t),a("autoplay-start",l.value))},W=()=>{m.value&&V()},Z=()=>{m.value&&p()},$=e.ref(null),C=e.ref(0),_=t=>{!t.touches||t.touches.length!==1||($.value=t.touches[0].clientX,C.value=0)},ee=t=>{$.value==null||!t.touches||t.touches.length!==1||(C.value=t.touches[0].clientX-$.value)},te=()=>{Math.abs(C.value)>40&&(C.value>0?D():H()),$.value=null,C.value=0},X=()=>{o.hisonCloser.component.bannerList[u]&&o.hisonCloser.component.bannerList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The banner ID is at risk of being duplicated. ${u}`),o.registerReloadable(A,()=>{x(),e.nextTick(X)}),O(),l.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"banner",isVisible:()=>d.value,setVisible:t=>{d.value=t},isBorder:()=>k.value,setBorder:t=>{k.value=t},getBackgroundType:()=>B.value,setBackgroundType:t=>{B.value=t},getCurrentIndex:()=>r.value,setCurrentIndex:t=>{y(t)},getInitialIndex:()=>f.value,setInitialIndex:t=>{f.value=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0,y(f.value)},getSlideCount:()=>v.value,next:()=>{H()},prev:()=>{D()},goTo:t=>{y(t)},getNavButtonStyle:()=>w.value,setNavButtonStyle:t=>{w.value=t},isShowNavButtons:()=>N.value,setShowNavButtons:t=>{N.value=t},isShowIndicators:()=>S.value,setShowIndicators:t=>{S.value=t},getIndicatorsPosition:()=>I.value,setIndicatorsPosition:t=>{I.value=t},isIndicatorClickable:()=>M.value,setIndicatorClickable:t=>{M.value=t},getAutoInterval:()=>T.value,setAutoInterval:t=>{T.value=Number(t),h&&p()},getAutoDirection:()=>E.value,setAutoDirection:t=>{E.value=t},isLoop:()=>c.value,setLoop:t=>{c.value=t},isPauseOnHover:()=>m.value,setPauseOnHover:t=>{m.value=t},startAuto:()=>{p()},stopAuto:()=>{V()},getTransitionMs:()=>P.value,setTransitionMs:t=>{P.value=Math.max(0,Number(t)||0)},reload:()=>o.reloadHisonComponent(A)},o.hisonCloser.component.bannerList[u]=l.value,a("mounted",l.value),r.value=L(f.value),p()},x=()=>{V(),delete o.hisonCloser.component.bannerList[u]};return e.onMounted(X),e.onBeforeUnmount(x),e.watch(z,t=>{O(),a("responsive-change",t)}),e.watch(()=>n.visible,t=>d.value=t),e.watch(()=>n.border,t=>k.value=!!t),e.watch(()=>n.backgroundType,t=>B.value=t),e.watch(()=>n.navButtonStyle,t=>w.value=t),e.watch(()=>n.showNavButtons,t=>N.value=t),e.watch(()=>n.showIndicators,t=>S.value=t),e.watch(()=>n.indicatorsPosition,t=>{I.value=t}),e.watch(()=>n.indicatorClickable,t=>M.value=t),e.watch(()=>n.transitionMs,t=>P.value=t),e.watch(()=>n.autoIntervalMs,t=>{T.value=t,h&&p()}),e.watch(()=>n.autoDirection,t=>E.value=t),e.watch(()=>n.loop,t=>c.value=t),e.watch(()=>n.pauseOnHover,t=>m.value=t),e.watch(()=>n.initialIndex,t=>{const i=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0;f.value=i,y(i)}),e.watch(()=>n.class,()=>{O()}),{id:u,props:n,bannerMethods:e.computed(()=>e.unref(l)),visibleClass:j,borderClass:G,backgroundTypeClass:K,responsiveClassList:b,buttonClassList:J,slideNodes:F,slideCount:v,currentIndex:r,navButtonStyle:w,showNavButtons:N,showIndicators:S,indicatorsPositionClass:Y,indicatorClickable:M,isPrevDisabled:R,isNextDisabled:U,trackStyle:Q,trackRef:s,goPrev:D,goNext:H,goTo:y,onMouseEnter:W,onMouseLeave:Z,onTouchStart:_,onTouchMove:ee,onTouchEnd:te}}}),le={class:"hison-banner-viewport"},re={key:0,class:"hison-banner-nav"},ie={class:"hison-banner-nav-prev"},ue={key:0},ce={key:1},de={class:"hison-banner-nav-next"},ve={key:0},he={key:1},be=["title","onClick"];function me(n,a,u,A,z,g){const l=e.resolveComponent("HButton");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[e.createElementVNode("div",{class:e.normalizeClass(["hison-banner",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle(n.props.style),onMouseenter:a[0]||(a[0]=(...s)=>n.onMouseEnter&&n.onMouseEnter(...s)),onMouseleave:a[1]||(a[1]=(...s)=>n.onMouseLeave&&n.onMouseLeave(...s)),onTouchstartPassive:a[2]||(a[2]=(...s)=>n.onTouchStart&&n.onTouchStart(...s)),onTouchmove:a[3]||(a[3]=e.withModifiers((...s)=>n.onTouchMove&&n.onTouchMove(...s),["prevent"])),onTouchendPassive:a[4]||(a[4]=(...s)=>n.onTouchEnd&&n.onTouchEnd(...s))},[e.createElementVNode("div",le,[e.createElementVNode("div",{ref:"trackRef",class:"hison-banner-track",style:e.normalizeStyle(n.trackStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.slideNodes,(s,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"hison-banner-slide"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s)))]))),128))],4)]),n.showNavButtons&&n.slideCount>1?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",ie,[e.renderSlot(n.$slots,"prev-button",{prev:n.goPrev,disabled:n.isPrevDisabled},()=>[e.createVNode(l,{id:`hison_banner_prev_button_${n.id}`,disable:n.isPrevDisabled,class:e.normalizeClass(["hison-col-12",...n.buttonClassList]),"background-type":"transparent",border:!1,onClick:n.goPrev},{icon:e.withCtx(()=>[n.navButtonStyle==="chevron"?(e.openBlock(),e.createElementBlock("span",ue,"〈")):n.navButtonStyle==="triangle"?(e.openBlock(),e.createElementBlock("span",ce,"◀")):e.createCommentVNode("",!0)]),_:1},8,["id","disable","class","onClick"])])]),e.createElementVNode("div",de,[e.renderSlot(n.$slots,"next-button",{next:n.goNext,disabled:n.isNextDisabled},()=>[e.createVNode(l,{id:`hison_banner_next_button_${n.id}`,disable:n.isNextDisabled,class:e.normalizeClass(["hison-col-12",...n.buttonClassList]),"background-type":"transparent",border:!1,onClick:n.goNext},{icon:e.withCtx(()=>[n.navButtonStyle==="chevron"?(e.openBlock(),e.createElementBlock("span",ve,"〉")):n.navButtonStyle==="triangle"?(e.openBlock(),e.createElementBlock("span",he,"▶")):e.createCommentVNode("",!0)]),_:1},8,["id","disable","class","onClick"])])])])):e.createCommentVNode("",!0),n.showIndicators&&n.slideCount>0?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["hison-banner-indicators",[n.indicatorsPositionClass]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.slideCount,s=>(e.openBlock(),e.createElementBlock("button",{key:s,class:e.normalizeClass(["hison-banner-indicator",{active:n.currentIndex===s-1,"no-pointer":!n.indicatorClickable}]),title:`Go to ${s}`,type:"button",onClick:d=>n.indicatorClickable?n.goTo(s-1):null}," ● ",10,be))),128))],2)):e.createCommentVNode("",!0)],38)],2)}const fe=oe._export_sfc(se,[["render",me]]);exports.default=fe;
@@ -1,8 +1,8 @@
1
- import { defineComponent as pe, useSlots as Ce, ref as o, computed as v, onMounted as ke, onBeforeUnmount as Be, watch as s, unref as Ie, nextTick as Me, resolveComponent as Se, createElementBlock as c, openBlock as u, normalizeClass as g, createElementVNode as M, withModifiers as Ne, normalizeStyle as ee, createCommentVNode as X, Fragment as te, renderList as ne, createBlock as Te, resolveDynamicComponent as we, renderSlot as oe, createVNode as ae, withCtx as se } from "vue";
2
- import { B as Pe, f as x, g as De, u as Le, j as le, t as Y, e as He, a as $e, b as ie, h as S, r as Ae, c as Ee } from "./index-DUh7pai4.mjs";
3
- import Oe from "./HButton-DAriO81x.mjs";
4
- import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
- const Re = {
1
+ import { defineComponent as pe, useSlots as Ce, ref as o, computed as v, onMounted as ke, onBeforeUnmount as Be, watch as s, unref as Ie, nextTick as Me, resolveComponent as Se, createElementBlock as c, openBlock as r, normalizeClass as g, createElementVNode as M, withModifiers as Ne, normalizeStyle as ee, createCommentVNode as X, Fragment as te, renderList as ne, createBlock as Te, resolveDynamicComponent as we, renderSlot as oe, createVNode as ae, withCtx as se } from "vue";
2
+ import { B as Pe, f as x, g as De, u as Le, j as le, t as Y, e as He, a as $e, b as ie, h as S, r as Ae, c as Ee } from "./index-p1EBArRP.mjs";
3
+ import Oe from "./HButton-Dhyb_Apz.mjs";
4
+ import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
+ const Ve = {
6
6
  /**
7
7
  * Unique identifier for the banner.
8
8
  * - Access runtime methods via `hison.component.getBanner(id)`
@@ -110,10 +110,10 @@ const Re = {
110
110
  * Whether to pause autoplay when mouse hovering on banner.
111
111
  */
112
112
  pauseOnHover: { type: Boolean, default: !0 }
113
- }, Ve = pe({
113
+ }, ze = pe({
114
114
  name: "HBanner",
115
115
  components: { HButton: Oe },
116
- props: Re,
116
+ props: Ve,
117
117
  emits: [
118
118
  "mounted",
119
119
  "responsive-change",
@@ -124,7 +124,7 @@ const Re = {
124
124
  "autoplay-stop"
125
125
  ],
126
126
  setup(t, { emit: n }) {
127
- const d = t.id ? t.id : De(), j = `hbanner:${d}`, q = Le(), N = Ce(), l = o(null), a = o(null), h = o(t.visible), ue = v(() => h.value ? "" : "hison-display-none"), T = o(t.border ?? !1), re = v(() => T.value ? "hison-border" : ""), w = o(t.backgroundType), ve = v(() => {
127
+ const d = t.id ? t.id : De(), j = `hbanner:${d}`, q = Le(), N = Ce(), l = o(null), a = o(null), h = o(t.visible), re = v(() => h.value ? "" : "hison-display-none"), T = o(t.border ?? !1), ue = v(() => T.value ? "hison-border" : ""), w = o(t.backgroundType), ve = v(() => {
128
128
  switch (w.value) {
129
129
  case x.empty:
130
130
  return "hison-bg-empty";
@@ -138,8 +138,8 @@ const Re = {
138
138
  ), $ = o(t.indicatorClickable), A = o(t.autoIntervalMs), E = o(t.autoDirection), b = o(t.loop), p = o(t.pauseOnHover), O = o(t.transitionMs);
139
139
  let f;
140
140
  const i = o(0), C = o(t.initialIndex ?? 0), J = v(() => {
141
- var r;
142
- return ((r = N.default) == null ? void 0 : r.call(N)) ?? [];
141
+ var u;
142
+ return ((u = N.default) == null ? void 0 : u.call(N)) ?? [];
143
143
  }), y = v(() => J.value.length), m = o([]), G = () => {
144
144
  m.value = He(Y(t.class) || "", q.value), $e(m.value, "col") === -1 && m.value.push("hison-col-12"), ie(m.value, "size", S.componentStyle.size), ie(m.value, "color", "primary");
145
145
  }, de = v(() => {
@@ -151,34 +151,34 @@ const Re = {
151
151
  width: "100%",
152
152
  transform: `translateX(${-i.value * 100}%)`,
153
153
  transition: `transform ${Math.max(0, O.value)}ms ease`
154
- })), F = (e) => {
154
+ })), R = (e) => {
155
155
  if (y.value <= 0) return 0;
156
156
  if (b.value) {
157
- const r = y.value;
158
- return (e % r + r) % r;
157
+ const u = y.value;
158
+ return (e % u + u) % u;
159
159
  }
160
160
  return Math.min(Math.max(0, e), y.value - 1);
161
161
  }, k = (e) => {
162
- const r = i.value, K = F(e);
163
- r !== K && (i.value = K, n("change", K, l.value));
164
- }, R = () => {
162
+ const u = i.value, K = R(e);
163
+ u !== K && (i.value = K, n("change", K, l.value));
164
+ }, V = () => {
165
165
  if (!b.value && Q.value) return;
166
- const e = F(i.value - 1);
166
+ const e = R(i.value - 1);
167
167
  i.value = e, n("prev", e, l.value), n("change", e, l.value);
168
- }, V = () => {
168
+ }, z = () => {
169
169
  if (!b.value && W.value) return;
170
- const e = F(i.value + 1);
170
+ const e = R(i.value + 1);
171
171
  i.value = e, n("next", e, l.value), n("change", e, l.value);
172
- }, z = () => {
172
+ }, F = () => {
173
173
  f && (window.clearInterval(f), f = void 0, n("autoplay-stop", l.value));
174
174
  }, B = () => {
175
- z();
175
+ F();
176
176
  const e = Number(A.value);
177
177
  !Number.isFinite(e) || e < 100 || y.value <= 1 || (f = window.setInterval(() => {
178
- E.value === "prev" ? R() : V();
178
+ E.value === "prev" ? V() : z();
179
179
  }, e), n("autoplay-start", l.value));
180
180
  }, he = () => {
181
- p.value && z();
181
+ p.value && F();
182
182
  }, ye = () => {
183
183
  p.value && B();
184
184
  }, U = o(null), I = o(0), fe = (e) => {
@@ -186,7 +186,7 @@ const Re = {
186
186
  }, me = (e) => {
187
187
  U.value == null || !e.touches || e.touches.length !== 1 || (I.value = e.touches[0].clientX - U.value);
188
188
  }, ge = () => {
189
- Math.abs(I.value) > 40 && (I.value > 0 ? R() : V()), U.value = null, I.value = 0;
189
+ Math.abs(I.value) > 40 && (I.value > 0 ? V() : z()), U.value = null, I.value = 0;
190
190
  }, Z = () => {
191
191
  S.component.bannerList[d] && S.component.bannerList[d].isHisonvueComponent && console.warn(`[Hisonvue] The banner ID is at risk of being duplicated. ${d}`), Ae(j, () => {
192
192
  _(), Me(Z);
@@ -216,10 +216,10 @@ const Re = {
216
216
  },
217
217
  getSlideCount: () => y.value,
218
218
  next: () => {
219
- V();
219
+ z();
220
220
  },
221
221
  prev: () => {
222
- R();
222
+ V();
223
223
  },
224
224
  goTo: (e) => {
225
225
  k(e);
@@ -264,16 +264,16 @@ const Re = {
264
264
  B();
265
265
  },
266
266
  stopAuto: () => {
267
- z();
267
+ F();
268
268
  },
269
269
  getTransitionMs: () => O.value,
270
270
  setTransitionMs: (e) => {
271
271
  O.value = Math.max(0, Number(e) || 0);
272
272
  },
273
273
  reload: () => Ee(j)
274
- }, S.component.bannerList[d] = l.value, n("mounted", l.value), i.value = F(C.value), B();
274
+ }, S.component.bannerList[d] = l.value, n("mounted", l.value), i.value = R(C.value), B();
275
275
  }, _ = () => {
276
- z(), delete S.component.bannerList[d];
276
+ F(), delete S.component.bannerList[d];
277
277
  };
278
278
  return ke(Z), Be(_), s(q, (e) => {
279
279
  G(), n("responsive-change", e);
@@ -282,16 +282,16 @@ const Re = {
282
282
  }), s(() => t.indicatorClickable, (e) => $.value = e), s(() => t.transitionMs, (e) => O.value = e), s(() => t.autoIntervalMs, (e) => {
283
283
  A.value = e, f && B();
284
284
  }), s(() => t.autoDirection, (e) => E.value = e), s(() => t.loop, (e) => b.value = e), s(() => t.pauseOnHover, (e) => p.value = e), s(() => t.initialIndex, (e) => {
285
- const r = Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : 0;
286
- C.value = r, k(r);
285
+ const u = Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : 0;
286
+ C.value = u, k(u);
287
287
  }), s(() => t.class, () => {
288
288
  G();
289
289
  }), {
290
290
  id: d,
291
291
  props: t,
292
292
  bannerMethods: v(() => Ie(l)),
293
- visibleClass: ue,
294
- borderClass: re,
293
+ visibleClass: re,
294
+ borderClass: ue,
295
295
  backgroundTypeClass: ve,
296
296
  responsiveClassList: m,
297
297
  buttonClassList: de,
@@ -307,8 +307,8 @@ const Re = {
307
307
  isNextDisabled: W,
308
308
  trackStyle: be,
309
309
  trackRef: a,
310
- goPrev: R,
311
- goNext: V,
310
+ goPrev: V,
311
+ goNext: z,
312
312
  goTo: k,
313
313
  onMouseEnter: he,
314
314
  onMouseLeave: ye,
@@ -317,13 +317,13 @@ const Re = {
317
317
  onTouchEnd: ge
318
318
  };
319
319
  }
320
- }), ze = { class: "hison-banner-viewport" }, Ue = {
320
+ }), Fe = { class: "hison-banner-viewport" }, Ue = {
321
321
  key: 0,
322
322
  class: "hison-banner-nav"
323
323
  }, Xe = { class: "hison-banner-nav-prev" }, je = { key: 0 }, qe = { key: 1 }, Ge = { class: "hison-banner-nav-next" }, Ke = { key: 0 }, Ye = { key: 1 }, xe = ["title", "onClick"];
324
324
  function Je(t, n, d, j, q, N) {
325
325
  const l = Se("HButton");
326
- return u(), c("div", {
326
+ return r(), c("div", {
327
327
  class: g([
328
328
  "hison-wrapper",
329
329
  ...t.responsiveClassList,
@@ -343,21 +343,21 @@ function Je(t, n, d, j, q, N) {
343
343
  onTouchmove: n[3] || (n[3] = Ne((...a) => t.onTouchMove && t.onTouchMove(...a), ["prevent"])),
344
344
  onTouchendPassive: n[4] || (n[4] = (...a) => t.onTouchEnd && t.onTouchEnd(...a))
345
345
  }, [
346
- M("div", ze, [
346
+ M("div", Fe, [
347
347
  M("div", {
348
348
  ref: "trackRef",
349
349
  class: "hison-banner-track",
350
350
  style: ee(t.trackStyle)
351
351
  }, [
352
- (u(!0), c(te, null, ne(t.slideNodes, (a, h) => (u(), c("div", {
352
+ (r(!0), c(te, null, ne(t.slideNodes, (a, h) => (r(), c("div", {
353
353
  key: h,
354
354
  class: "hison-banner-slide"
355
355
  }, [
356
- (u(), Te(we(a)))
356
+ (r(), Te(we(a)))
357
357
  ]))), 128))
358
358
  ], 4)
359
359
  ]),
360
- t.showNavButtons && t.slideCount > 1 ? (u(), c("div", Ue, [
360
+ t.showNavButtons && t.slideCount > 1 ? (r(), c("div", Ue, [
361
361
  M("div", Xe, [
362
362
  oe(t.$slots, "prev-button", {
363
363
  prev: t.goPrev,
@@ -372,7 +372,7 @@ function Je(t, n, d, j, q, N) {
372
372
  onClick: t.goPrev
373
373
  }, {
374
374
  icon: se(() => [
375
- t.navButtonStyle === "chevron" ? (u(), c("span", je, "〈")) : t.navButtonStyle === "triangle" ? (u(), c("span", qe, "◀")) : X("", !0)
375
+ t.navButtonStyle === "chevron" ? (r(), c("span", je, "〈")) : t.navButtonStyle === "triangle" ? (r(), c("span", qe, "◀")) : X("", !0)
376
376
  ]),
377
377
  _: 1
378
378
  }, 8, ["id", "disable", "class", "onClick"])
@@ -392,18 +392,18 @@ function Je(t, n, d, j, q, N) {
392
392
  onClick: t.goNext
393
393
  }, {
394
394
  icon: se(() => [
395
- t.navButtonStyle === "chevron" ? (u(), c("span", Ke, "〉")) : t.navButtonStyle === "triangle" ? (u(), c("span", Ye, "▶")) : X("", !0)
395
+ t.navButtonStyle === "chevron" ? (r(), c("span", Ke, "〉")) : t.navButtonStyle === "triangle" ? (r(), c("span", Ye, "▶")) : X("", !0)
396
396
  ]),
397
397
  _: 1
398
398
  }, 8, ["id", "disable", "class", "onClick"])
399
399
  ])
400
400
  ])
401
401
  ])) : X("", !0),
402
- t.showIndicators && t.slideCount > 0 ? (u(), c("div", {
402
+ t.showIndicators && t.slideCount > 0 ? (r(), c("div", {
403
403
  key: 1,
404
404
  class: g(["hison-banner-indicators", [t.indicatorsPositionClass]])
405
405
  }, [
406
- (u(!0), c(te, null, ne(t.slideCount, (a) => (u(), c("button", {
406
+ (r(!0), c(te, null, ne(t.slideCount, (a) => (r(), c("button", {
407
407
  key: a,
408
408
  class: g(["hison-banner-indicator", { active: t.currentIndex === a - 1, "no-pointer": !t.indicatorClickable }]),
409
409
  title: `Go to ${a}`,
@@ -414,7 +414,7 @@ function Je(t, n, d, j, q, N) {
414
414
  ], 38)
415
415
  ], 2);
416
416
  }
417
- const et = /* @__PURE__ */ Fe(Ve, [["render", Je]]);
417
+ const et = /* @__PURE__ */ Re(ze, [["render", Je]]);
418
418
  export {
419
419
  et as default
420
420
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),A=require("./setButtonCssEvent-B9WTs2X7.js"),o=require("./index-BmKMHsSZ.js"),F=require("./_plugin-vue_export-helper-BHFhmbuH.js"),G={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},disable:{type:Boolean,default:!1},title:{type:String,required:!1},text:{type:String,required:!1},clickInterval:{type:Number,default:0},border:{type:Boolean,default:!0},backgroundType:{type:String,default:o.BackgroundType.filled,validator:e=>o.BACKGROUND_TYPE_VALUES.includes(e)},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)}},K=t.defineComponent({name:"HButton",props:G,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:a}){var L;const r=t.ref(null),c=t.ref(null),i=e.id?e.id:o.getUUID(),h=`hbutton:${i}`,s=o.useDevice(),u=t.useSlots(),k=t.ref(!1),v=t.ref(e.clickInterval||0),T=t.ref(0),f=t.ref(e.visible),b=t.ref(e.disable),m=t.ref(e.title||""),q=t.computed(()=>f.value?"":"hison-display-none"),E=t.computed(()=>b.value?"hison-disable":""),y=t.ref(e.border??!1),H=t.computed(()=>y.value?"hison-border":""),g=t.ref(e.backgroundType||o.BackgroundType.filled),O=t.computed(()=>{switch(g.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),d=t.ref(e.text||""),N=t.ref(!1),p=t.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),R=n=>!n||!n.length?!1:n.some(l=>l.type===t.Comment?!1:l.type===t.Text?!/^\s*$/.test(String(l.children??"")):!0),I=((L=u.default)==null?void 0:L.call(u))??[],V=I.length>0&&I.every(n=>n.type===t.Text);if(!u.label&&V){const n=I.map(l=>String(l.children??"")).join("").trim();d.value=n,N.value=!0}const z=t.computed(()=>{var n;return((n=u.default)==null?void 0:n.call(u))??[]}),P=t.computed(()=>R(z.value)),C=t.computed(()=>u.label?!0:N.value?!1:P.value),U=t.computed(()=>{if(!!u.icon&&!C.value&&!d.value)return e.title||"button"}),B=t.ref([]),w=()=>{B.value=o.extractResponsiveClasses(o.toClassString(e.class)||"",s.value),o.addComponentNameToClass(B.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(B.value,"color","primary")},j=async n=>{const l=Date.now();if(!k.value&&!(v.value>0&&l-T.value<v.value)){T.value=l,k.value=!0;try{const M=a("click",n,c.value),x=Array.isArray(M)?M:[];await Promise.all(x.filter(S=>S&&typeof S.then=="function").map(S=>S))}finally{k.value=!1}}},$=()=>{o.hisonCloser.component.buttonList[i]&&o.hisonCloser.component.buttonList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The button ID is at risk of being duplicated. ${i}`),o.registerReloadable(h,()=>{D(),t.nextTick($)}),r.value&&A.addButtonCssEvent(r.value),w(),c.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"button",getText:()=>C.value?"":d.value,getTitle:()=>m.value,isVisible:()=>f.value,isDisable:()=>b.value,setText:n=>{C.value||(d.value=n)},setTitle:n=>{m.value=n},setVisible:n=>{f.value=n},setDisable:n=>{b.value=n},isBorder:()=>y.value,setBorder:n=>{y.value=n},getBackgroundType:()=>g.value,setBackgroundType:n=>{g.value=n},unlock:()=>{k.value=!1},getClickInterval:()=>v.value,setClickInterval:n=>{v.value=n,T.value=0},getTabIndex:()=>p.value,setTabIndex:n=>{p.value=n!=null?Number(n):null},focus:()=>{var n;(n=r.value)==null||n.focus()},reload:()=>o.reloadHisonComponent(h)},o.hisonCloser.component.buttonList[i]=c.value,a("mounted",c.value)},D=()=>{o.unregisterReloadable(h),delete o.hisonCloser.component.buttonList[i],r.value&&A.removeButtonCssEvent(r.value)};return t.onMounted($),t.onBeforeUnmount(D),t.watch(s,()=>{w(),a("responsive-change",s.value)}),t.watch(()=>e.visible,n=>{const l=!!n;l!==f.value&&(f.value=l)}),t.watch(()=>e.disable,n=>{const l=!!n;l!==b.value&&(b.value=l)}),t.watch(()=>e.title,n=>{const l=n??"";l!==m.value&&(m.value=l)}),t.watch(()=>e.border,n=>{const l=!!n;l!==y.value&&(y.value=l)}),t.watch(()=>e.backgroundType,n=>{n&&n!==g.value&&(g.value=n)}),t.watch(()=>e.text,n=>{if(!C.value){const l=n??"";l!==d.value&&(d.value=l)}}),t.watch(()=>e.tabIndex,n=>{const l=n===null||n===""?null:Number(n);l!==p.value&&(p.value=l)}),t.watch(()=>e.clickInterval,n=>{const l=Number(n)||0;l!==v.value&&(v.value=l,T.value=0)}),t.watch(()=>e.class,()=>{w()}),{buttonRef:r,buttonMethods:t.computed(()=>t.unref(c)),props:e,visibleClass:q,disable:b,disableClass:E,borderClass:H,backgroundTypeClass:O,title:m,responsiveClassList:B,hasLabelSlot:C,computedAriaLabel:U,internalText:d,tabIndex:p,onClick:j}}}),Y=["disabled","title","tabindex","aria-label"],J={key:2,class:"hison-button-text"};function Q(e,a,r,c,i,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...e.responsiveClassList,e.visibleClass])},[t.createElementVNode("button",{ref:"buttonRef",class:t.normalizeClass(["hison-button",e.disableClass,e.borderClass,e.backgroundTypeClass]),style:t.normalizeStyle(e.props.style),disabled:e.disable,title:e.title||void 0,tabindex:e.tabIndex??void 0,onClick:a[0]||(a[0]=(...s)=>e.onClick&&e.onClick(...s)),onMousedown:a[1]||(a[1]=s=>e.$emit("mousedown",s,e.buttonMethods)),onMouseup:a[2]||(a[2]=s=>e.$emit("mouseup",s,e.buttonMethods)),onMouseover:a[3]||(a[3]=s=>e.$emit("mouseover",s,e.buttonMethods)),onMouseout:a[4]||(a[4]=s=>e.$emit("mouseout",s,e.buttonMethods)),"aria-label":e.computedAriaLabel},[e.$slots.icon?t.renderSlot(e.$slots,"icon",{key:0}):t.createCommentVNode("",!0),e.hasLabelSlot?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.$slots.label?t.renderSlot(e.$slots,"label",{key:0}):t.renderSlot(e.$slots,"default",{key:1})],64)):(t.openBlock(),t.createElementBlock("span",J,t.toDisplayString(e.internalText),1))],46,Y)],2)}const W=F._export_sfc(K,[["render",Q]]);exports.default=W;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),A=require("./setButtonCssEvent-BoBQS2-T.js"),o=require("./index-CKU70ocu.js"),F=require("./_plugin-vue_export-helper-BHFhmbuH.js"),G={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},disable:{type:Boolean,default:!1},title:{type:String,required:!1},text:{type:String,required:!1},clickInterval:{type:Number,default:0},border:{type:Boolean,default:!0},backgroundType:{type:String,default:o.BackgroundType.filled,validator:e=>o.BACKGROUND_TYPE_VALUES.includes(e)},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)}},K=t.defineComponent({name:"HButton",props:G,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:a}){var L;const r=t.ref(null),c=t.ref(null),i=e.id?e.id:o.getUUID(),h=`hbutton:${i}`,s=o.useDevice(),u=t.useSlots(),k=t.ref(!1),v=t.ref(e.clickInterval||0),T=t.ref(0),f=t.ref(e.visible),b=t.ref(e.disable),m=t.ref(e.title||""),q=t.computed(()=>f.value?"":"hison-display-none"),E=t.computed(()=>b.value?"hison-disable":""),y=t.ref(e.border??!1),H=t.computed(()=>y.value?"hison-border":""),g=t.ref(e.backgroundType||o.BackgroundType.filled),O=t.computed(()=>{switch(g.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),d=t.ref(e.text||""),N=t.ref(!1),p=t.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),R=n=>!n||!n.length?!1:n.some(l=>l.type===t.Comment?!1:l.type===t.Text?!/^\s*$/.test(String(l.children??"")):!0),I=((L=u.default)==null?void 0:L.call(u))??[],V=I.length>0&&I.every(n=>n.type===t.Text);if(!u.label&&V){const n=I.map(l=>String(l.children??"")).join("").trim();d.value=n,N.value=!0}const z=t.computed(()=>{var n;return((n=u.default)==null?void 0:n.call(u))??[]}),P=t.computed(()=>R(z.value)),C=t.computed(()=>u.label?!0:N.value?!1:P.value),U=t.computed(()=>{if(!!u.icon&&!C.value&&!d.value)return e.title||"button"}),B=t.ref([]),w=()=>{B.value=o.extractResponsiveClasses(o.toClassString(e.class)||"",s.value),o.addComponentNameToClass(B.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(B.value,"color","primary")},j=async n=>{const l=Date.now();if(!k.value&&!(v.value>0&&l-T.value<v.value)){T.value=l,k.value=!0;try{const M=a("click",n,c.value),x=Array.isArray(M)?M:[];await Promise.all(x.filter(S=>S&&typeof S.then=="function").map(S=>S))}finally{k.value=!1}}},$=()=>{o.hisonCloser.component.buttonList[i]&&o.hisonCloser.component.buttonList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The button ID is at risk of being duplicated. ${i}`),o.registerReloadable(h,()=>{D(),t.nextTick($)}),r.value&&A.addButtonCssEvent(r.value),w(),c.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"button",getText:()=>C.value?"":d.value,getTitle:()=>m.value,isVisible:()=>f.value,isDisable:()=>b.value,setText:n=>{C.value||(d.value=n)},setTitle:n=>{m.value=n},setVisible:n=>{f.value=n},setDisable:n=>{b.value=n},isBorder:()=>y.value,setBorder:n=>{y.value=n},getBackgroundType:()=>g.value,setBackgroundType:n=>{g.value=n},unlock:()=>{k.value=!1},getClickInterval:()=>v.value,setClickInterval:n=>{v.value=n,T.value=0},getTabIndex:()=>p.value,setTabIndex:n=>{p.value=n!=null?Number(n):null},focus:()=>{var n;(n=r.value)==null||n.focus()},reload:()=>o.reloadHisonComponent(h)},o.hisonCloser.component.buttonList[i]=c.value,a("mounted",c.value)},D=()=>{o.unregisterReloadable(h),delete o.hisonCloser.component.buttonList[i],r.value&&A.removeButtonCssEvent(r.value)};return t.onMounted($),t.onBeforeUnmount(D),t.watch(s,()=>{w(),a("responsive-change",s.value)}),t.watch(()=>e.visible,n=>{const l=!!n;l!==f.value&&(f.value=l)}),t.watch(()=>e.disable,n=>{const l=!!n;l!==b.value&&(b.value=l)}),t.watch(()=>e.title,n=>{const l=n??"";l!==m.value&&(m.value=l)}),t.watch(()=>e.border,n=>{const l=!!n;l!==y.value&&(y.value=l)}),t.watch(()=>e.backgroundType,n=>{n&&n!==g.value&&(g.value=n)}),t.watch(()=>e.text,n=>{if(!C.value){const l=n??"";l!==d.value&&(d.value=l)}}),t.watch(()=>e.tabIndex,n=>{const l=n===null||n===""?null:Number(n);l!==p.value&&(p.value=l)}),t.watch(()=>e.clickInterval,n=>{const l=Number(n)||0;l!==v.value&&(v.value=l,T.value=0)}),t.watch(()=>e.class,()=>{w()}),{buttonRef:r,buttonMethods:t.computed(()=>t.unref(c)),props:e,visibleClass:q,disable:b,disableClass:E,borderClass:H,backgroundTypeClass:O,title:m,responsiveClassList:B,hasLabelSlot:C,computedAriaLabel:U,internalText:d,tabIndex:p,onClick:j}}}),Y=["disabled","title","tabindex","aria-label"],J={key:2,class:"hison-button-text"};function Q(e,a,r,c,i,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...e.responsiveClassList,e.visibleClass])},[t.createElementVNode("button",{ref:"buttonRef",class:t.normalizeClass(["hison-button",e.disableClass,e.borderClass,e.backgroundTypeClass]),style:t.normalizeStyle(e.props.style),disabled:e.disable,title:e.title||void 0,tabindex:e.tabIndex??void 0,onClick:a[0]||(a[0]=(...s)=>e.onClick&&e.onClick(...s)),onMousedown:a[1]||(a[1]=s=>e.$emit("mousedown",s,e.buttonMethods)),onMouseup:a[2]||(a[2]=s=>e.$emit("mouseup",s,e.buttonMethods)),onMouseover:a[3]||(a[3]=s=>e.$emit("mouseover",s,e.buttonMethods)),onMouseout:a[4]||(a[4]=s=>e.$emit("mouseout",s,e.buttonMethods)),"aria-label":e.computedAriaLabel},[e.$slots.icon?t.renderSlot(e.$slots,"icon",{key:0}):t.createCommentVNode("",!0),e.hasLabelSlot?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.$slots.label?t.renderSlot(e.$slots,"label",{key:0}):t.renderSlot(e.$slots,"default",{key:1})],64)):(t.openBlock(),t.createElementBlock("span",J,t.toDisplayString(e.internalText),1))],46,Y)],2)}const W=F._export_sfc(K,[["render",Q]]);exports.default=W;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as Z, ref as a, useSlots as _, computed as i, Text as U, onMounted as ee, onBeforeUnmount as te, watch as o, unref as le, Comment as ne, nextTick as ae, createElementBlock as A, openBlock as M, normalizeClass as V, createElementVNode as se, normalizeStyle as oe, renderSlot as w, createCommentVNode as ue, Fragment as ie, toDisplayString as re } from "vue";
2
- import { a as de, r as ve } from "./setButtonCssEvent-dBs1GcAh.mjs";
3
- import { B as be, f as N, g as ce, u as fe, e as me, t as ye, b as z, h, r as ge, c as Ce, d as ke } from "./index-DUh7pai4.mjs";
2
+ import { a as de, r as ve } from "./setButtonCssEvent-CB-7jMmJ.mjs";
3
+ import { B as be, f as N, g as ce, u as fe, e as me, t as ye, b as z, h, r as ge, c as Ce, d as ke } from "./index-p1EBArRP.mjs";
4
4
  import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const he = {
6
6
  /**