hisonvue 1.0.7 → 1.0.8

package/dist/{HDrawer-BtXd8jd9.js → HDrawer-ZjHUxtXZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-D5IuFXUo.js"),J=require("./scrollManager-CEEWQwoK.js"),be=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ge=["top","bottom","left","right"],pe={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},zIndex:{type:Number,default:1100},position:{type:String,default:"bottom",validator:l=>ge.includes(l)},width:{type:Number,default:null},height:{type:Number,default:null},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},swipeClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},closeClickOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},Se=t.defineComponent({name:"HDrawer",props:pe,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:f,slots:K}){const u=l.id||a.getUUID(),L=`hdrawer:${u}`,I=a.useDevice(),N=t.ref(null),h=t.ref(null),r=t.ref(l.visible),b=t.ref(l.zIndex??1050),w=t.ref(l.border),S=t.ref(l.showOverlay),k=t.ref(l.closeClickOverlay),g=t.ref(l.scrollLock),s=t.ref(l.position),c=t.ref(l.width??null),v=t.ref(l.height??null),B=t.ref(l.closeButtonVisible),Q=t.computed(()=>w.value),x=t.computed(()=>w.value?"filled":"empty"),P=t.ref(l.closeButtonText||"X"),H=t.ref(l.closeButtonTitle||"Close"),T=t.ref(l.swipeClose),O={top:"hison-drawer-enter-top",bottom:"hison-drawer-enter-bottom",left:"hison-drawer-enter-left",right:"hison-drawer-enter-right"},A={top:"hison-drawer-leave-top",bottom:"hison-drawer-leave-bottom",left:"hison-drawer-leave-left",right:"hison-drawer-leave-right"},m=t.ref(l.enterAnimationClass||O[s.value]),y=t.ref(l.leaveAnimationClass||A[s.value]),_=t.computed(()=>"hison-bg-empty"),ee=t.computed(()=>w.value?"hison-border":""),te=t.computed(()=>r.value?"":"hison-display-none"),$=t.ref([]),R=()=>{var e;$.value=a.extractResponsiveClasses(a.toClassString(l.class)||"",I.value),a.addComponentNameToClass($.value,"size",((e=a.hisonCloser.componentStyle)==null?void 0:e.size)||"m"),a.addComponentNameToClass($.value,"color","primary")},le=t.computed(()=>[...a.extractPrefixedClasses(a.toClassString(l.class)||"","color")]),oe=t.computed(()=>r.value&&S.value),se=t.computed(()=>{const o={zIndex:(b.value??1050)-1},n=l.overlayStyle;return n?Array.isArray(n)?[{...o},...n]:typeof n=="string"?[o,n]:{...o,...n}:o}),ne=()=>{k.value&&d()},ae=t.computed(()=>{const e={zIndex:b.value,position:"fixed",inset:"auto"};switch(e.left="",e.right="",e.top="",e.bottom="",s.value){case"top":e.left="0",e.right="0",e.top="0";break;case"bottom":e.left="0",e.right="0",e.bottom="0";break;case"left":e.left="0",e.top="0",e.bottom="0";break;case"right":e.right="0",e.top="0",e.bottom="0";break}return e}),ie=t.computed(()=>{const e={};return s.value==="top"||s.value==="bottom"?(e.width="100vw",v.value!=null&&(e.height=`${v.value}px`),c.value!=null&&(e.width=`${c.value}px`)):(e.height="100vh",c.value!=null&&(e.width=`${c.value}px`),v.value!=null&&(e.height=`${v.value}px`)),e}),z=()=>{g.value&&J.acquireScrollLock(u)},V=()=>{g.value&&J.releaseScrollLock(u)},W=async()=>{const e=h.value;!e||!m.value||(e.classList.remove(y.value),e.offsetWidth,e.classList.add(m.value))},re=async()=>{const e=h.value;!e||!y.value||(e.classList.remove(m.value),e.offsetWidth,e.classList.add(y.value),await new Promise(o=>setTimeout(o,200)))},E=async()=>{r.value||(r.value=!0,z(),await t.nextTick(),W(),f("open",t.unref(p)))},d=async()=>{if(r.value)try{await re()}finally{r.value=!1,V(),f("close",t.unref(p))}},ue=async()=>r.value?d():E(),ce=()=>d();let D=!1,M=0,U=0;const X=40,ve=e=>{T.value&&(D=!0,M=e.clientX,U=e.clientY,window.addEventListener("pointerup",de,{once:!0,capture:!0}))},de=e=>{if(!D)return;D=!1;const o=e.clientX-M,n=e.clientY-U,i=Math.abs(o),C=Math.abs(n);(s.value==="top"&&C>i&&n>X||s.value==="bottom"&&C>i&&n<-40||s.value==="left"&&i>C&&o<-40||s.value==="right"&&i>C&&o>X)&&d()},fe=200,he="ease";function Z(e,o,n,i,C=fe,we=he){return new Promise(Ce=>{e.style.transition="none",e.style[o]=`${n}px`,e.offsetWidth,e.style.transition=`${o} ${C}ms ${we}`,e.style[o]=`${i}px`;const q=()=>{e.removeEventListener("transitionend",q),e.style.transition="",Ce()};e.addEventListener("transitionend",q),setTimeout(q,C+50)})}const me=t.computed(()=>s.value==="left"||s.value==="right"),ye=t.computed(()=>s.value==="top"||s.value==="bottom");async function j(e,o=!0){const n=h.value;if(!n){c.value=e;return}const i=n.getBoundingClientRect().width;if((e??i)===i){c.value=e;return}if(!o||e==null||!me.value){c.value=e;return}c.value=e,await t.nextTick(),await Z(n,"width",i,e)}async function Y(e,o=!0){const n=h.value;if(!n){v.value=e;return}const i=n.getBoundingClientRect().height;if((e??i)===i){v.value=e;return}if(!o||e==null||!ye.value){v.value=e;return}v.value=e,await t.nextTick(),await Z(n,"height",i,e)}const p=t.ref(null),F=()=>{a.hisonCloser.component.drawerList[u]&&a.hisonCloser.component.drawerList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The drawer ID is at risk of being duplicated. ${u}`),a.registerReloadable(L,()=>{G(),t.nextTick(F)}),R(),r.value&&(z(),t.nextTick(W)),p.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"drawer",isVisible:()=>r.value,open:E,close:d,toggle:ue,setVisible:e=>e?E():d(),getZIndex:()=>b.value,setZIndex:e=>{b.value=e},getPosition:()=>s.value,setPosition:e=>{s.value=e,l.enterAnimationClass||(m.value=O[s.value]),l.leaveAnimationClass||(y.value=A[s.value])},getWidth:()=>c.value,setWidth:(e,o=!0)=>j(e,o),getHeight:()=>v.value,setHeight:(e,o=!0)=>Y(e,o),isSwipeCloseEnabled:()=>T.value,setSwipeCloseEnabled:e=>{T.value=e},isCloseButtonVisible:()=>B.value,setCloseButtonVisible:e=>{B.value=e},isOverlayShown:()=>S.value,setOverlayShown:e=>{S.value=e},isCloseClickOverlay:()=>k.value,setCloseClickOverlay:e=>{k.value=e},isScrollLocked:()=>g.value,setScrollLock:e=>{g.value=e,r.value&&(e?z():V())},isBorder:()=>w.value,setBorder:e=>{w.value=e},getAnimationClasses:()=>({enter:m.value,leave:y.value}),setAnimationClasses:e=>{"enter"in e&&(m.value=e.enter||""),"leave"in e&&(y.value=e.leave||"")},reload:()=>a.reloadHisonComponent(L)},a.hisonCloser.component.drawerList[u]=p.value,f("mounted",p.value)},G=()=>{a.unregisterReloadable(L),delete a.hisonCloser.component.drawerList[u],r.value&&V()};return t.onMounted(F),t.onBeforeUnmount(G),t.watch(I,e=>{R(),f("responsive-change",e)}),t.watch(()=>l.visible,e=>{!!e!==r.value&&(e?E():d())}),t.watch(()=>l.zIndex,e=>{const o=Number(e);Number.isFinite(o)&&o!==b.value&&(b.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==w.value&&(w.value=o)}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==S.value&&(S.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==k.value&&(k.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==g.value&&(g.value=o,r.value&&(o?z():V()))}),t.watch(()=>l.position,e=>{e&&e!==s.value&&(s.value=e,l.enterAnimationClass||(m.value=O[s.value]),l.leaveAnimationClass||(y.value=A[s.value]))}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==c.value&&j(o,!1)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==v.value&&Y(o,!1)}),t.watch(()=>l.closeButtonVisible,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeButtonText,e=>{const o=e??"X";o!==P.value&&(P.value=o)}),t.watch(()=>l.closeButtonTitle,e=>{const o=e??"Close";o!==H.value&&(H.value=o)}),t.watch(()=>l.swipeClose,e=>{const o=!!e;o!==T.value&&(T.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||O[s.value];o!==m.value&&(m.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||A[s.value];o!==y.value&&(y.value=o)}),t.watch(()=>l.class,()=>R()),{id:u,props:l,wrapperRef:N,drawerRef:h,position:s,visibleClass:te,responsiveClassList:$,childClassList:le,borderClass:ee,backgroundTypeClass:_,wrapperStyle:ae,overlayStyleWithZ:se,isOverlayVisible:oe,sizeStyle:ie,closeButtonVisible:B,closeButtonBorder:Q,closeButtonBackgroundType:x,closeButtonText:P,closeButtonTitle:H,onOverlayClick:ne,onClickClose:ce,onSwipePointerDown:ve,drawerMethods:t.computed(()=>t.unref(p))}}}),ke={class:"hison-drawer-body"};function Be(l,f,K,u,L,I){const N=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-layer-host",l.visibleClass])},[l.isOverlayVisible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-drawer-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:f[0]||(f[0]=(...h)=>l.onOverlayClick&&l.onOverlayClick(...h))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"wrapperRef",class:t.normalizeClass(["hison-drawer-wrapper",`hison-pos-${l.position}`,...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"drawerRef",class:t.normalizeClass(["hison-drawer",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog",onPointerdown:f[1]||(f[1]=(...h)=>l.onSwipePointerDown&&l.onSwipePointerDown(...h))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickClose,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(N,{id:`hison_drawer_close_${l.id}`,class:t.normalizeClass(["hison-drawer-close-btn","hison-pos-right","hison-pos-top","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:l.closeButtonBorder,"background-type":l.closeButtonBackgroundType,onClick:l.onClickClose},t.createSlots({default:t.withCtx(()=>[l.$slots["close-label"]?t.renderSlot(l.$slots,"close-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[l.$slots["close-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","class","text","title","border","background-type","onClick"])]):t.createCommentVNode("",!0),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],38)],6)],2)}const Te=be._export_sfc(Se,[["render",Be]]);exports.default=Te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-u-g5zFbx.js"),J=require("./scrollManager-CEEWQwoK.js"),be=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ge=["top","bottom","left","right"],pe={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},zIndex:{type:Number,default:1100},position:{type:String,default:"bottom",validator:l=>ge.includes(l)},width:{type:Number,default:null},height:{type:Number,default:null},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},swipeClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},closeClickOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},Se=t.defineComponent({name:"HDrawer",props:pe,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:f,slots:K}){const u=l.id||a.getUUID(),L=`hdrawer:${u}`,I=a.useDevice(),N=t.ref(null),h=t.ref(null),r=t.ref(l.visible),b=t.ref(l.zIndex??1100),w=t.ref(l.border),S=t.ref(l.showOverlay),k=t.ref(l.closeClickOverlay),g=t.ref(l.scrollLock),s=t.ref(l.position),c=t.ref(l.width??null),v=t.ref(l.height??null),B=t.ref(l.closeButtonVisible),Q=t.computed(()=>w.value),x=t.computed(()=>w.value?"filled":"empty"),P=t.ref(l.closeButtonText||"X"),H=t.ref(l.closeButtonTitle||"Close"),T=t.ref(l.swipeClose),O={top:"hison-drawer-enter-top",bottom:"hison-drawer-enter-bottom",left:"hison-drawer-enter-left",right:"hison-drawer-enter-right"},A={top:"hison-drawer-leave-top",bottom:"hison-drawer-leave-bottom",left:"hison-drawer-leave-left",right:"hison-drawer-leave-right"},m=t.ref(l.enterAnimationClass||O[s.value]),y=t.ref(l.leaveAnimationClass||A[s.value]),_=t.computed(()=>"hison-bg-empty"),ee=t.computed(()=>w.value?"hison-border":""),te=t.computed(()=>r.value?"":"hison-display-none"),$=t.ref([]),R=()=>{var e;$.value=a.extractResponsiveClasses(a.toClassString(l.class)||"",I.value),a.addComponentNameToClass($.value,"size",((e=a.hisonCloser.componentStyle)==null?void 0:e.size)||"m"),a.addComponentNameToClass($.value,"color","primary")},le=t.computed(()=>[...a.extractPrefixedClasses(a.toClassString(l.class)||"","color")]),oe=t.computed(()=>r.value&&S.value),se=t.computed(()=>{const o={zIndex:(b.value??1100)-1},n=l.overlayStyle;return n?Array.isArray(n)?[{...o},...n]:typeof n=="string"?[o,n]:{...o,...n}:o}),ne=()=>{k.value&&d()},ae=t.computed(()=>{const e={zIndex:b.value,position:"fixed",inset:"auto"};switch(e.left="",e.right="",e.top="",e.bottom="",s.value){case"top":e.left="0",e.right="0",e.top="0";break;case"bottom":e.left="0",e.right="0",e.bottom="0";break;case"left":e.left="0",e.top="0",e.bottom="0";break;case"right":e.right="0",e.top="0",e.bottom="0";break}return e}),ie=t.computed(()=>{const e={};return s.value==="top"||s.value==="bottom"?(e.width="100vw",v.value!=null&&(e.height=`${v.value}px`),c.value!=null&&(e.width=`${c.value}px`)):(e.height="100vh",c.value!=null&&(e.width=`${c.value}px`),v.value!=null&&(e.height=`${v.value}px`)),e}),z=()=>{g.value&&J.acquireScrollLock(u)},V=()=>{g.value&&J.releaseScrollLock(u)},W=async()=>{const e=h.value;!e||!m.value||(e.classList.remove(y.value),e.offsetWidth,e.classList.add(m.value))},re=async()=>{const e=h.value;!e||!y.value||(e.classList.remove(m.value),e.offsetWidth,e.classList.add(y.value),await new Promise(o=>setTimeout(o,200)))},E=async()=>{r.value||(r.value=!0,z(),await t.nextTick(),W(),f("open",t.unref(p)))},d=async()=>{if(r.value)try{await re()}finally{r.value=!1,V(),f("close",t.unref(p))}},ue=async()=>r.value?d():E(),ce=()=>d();let D=!1,M=0,U=0;const X=40,ve=e=>{T.value&&(D=!0,M=e.clientX,U=e.clientY,window.addEventListener("pointerup",de,{once:!0,capture:!0}))},de=e=>{if(!D)return;D=!1;const o=e.clientX-M,n=e.clientY-U,i=Math.abs(o),C=Math.abs(n);(s.value==="top"&&C>i&&n>X||s.value==="bottom"&&C>i&&n<-40||s.value==="left"&&i>C&&o<-40||s.value==="right"&&i>C&&o>X)&&d()},fe=200,he="ease";function Z(e,o,n,i,C=fe,we=he){return new Promise(Ce=>{e.style.transition="none",e.style[o]=`${n}px`,e.offsetWidth,e.style.transition=`${o} ${C}ms ${we}`,e.style[o]=`${i}px`;const q=()=>{e.removeEventListener("transitionend",q),e.style.transition="",Ce()};e.addEventListener("transitionend",q),setTimeout(q,C+50)})}const me=t.computed(()=>s.value==="left"||s.value==="right"),ye=t.computed(()=>s.value==="top"||s.value==="bottom");async function j(e,o=!0){const n=h.value;if(!n){c.value=e;return}const i=n.getBoundingClientRect().width;if((e??i)===i){c.value=e;return}if(!o||e==null||!me.value){c.value=e;return}c.value=e,await t.nextTick(),await Z(n,"width",i,e)}async function Y(e,o=!0){const n=h.value;if(!n){v.value=e;return}const i=n.getBoundingClientRect().height;if((e??i)===i){v.value=e;return}if(!o||e==null||!ye.value){v.value=e;return}v.value=e,await t.nextTick(),await Z(n,"height",i,e)}const p=t.ref(null),F=()=>{a.hisonCloser.component.drawerList[u]&&a.hisonCloser.component.drawerList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The drawer ID is at risk of being duplicated. ${u}`),a.registerReloadable(L,()=>{G(),t.nextTick(F)}),R(),r.value&&(z(),t.nextTick(W)),p.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"drawer",isVisible:()=>r.value,open:E,close:d,toggle:ue,setVisible:e=>e?E():d(),getZIndex:()=>b.value,setZIndex:e=>{b.value=e},getPosition:()=>s.value,setPosition:e=>{s.value=e,l.enterAnimationClass||(m.value=O[s.value]),l.leaveAnimationClass||(y.value=A[s.value])},getWidth:()=>c.value,setWidth:(e,o=!0)=>j(e,o),getHeight:()=>v.value,setHeight:(e,o=!0)=>Y(e,o),isSwipeCloseEnabled:()=>T.value,setSwipeCloseEnabled:e=>{T.value=e},isCloseButtonVisible:()=>B.value,setCloseButtonVisible:e=>{B.value=e},isOverlayShown:()=>S.value,setOverlayShown:e=>{S.value=e},isCloseClickOverlay:()=>k.value,setCloseClickOverlay:e=>{k.value=e},isScrollLocked:()=>g.value,setScrollLock:e=>{g.value=e,r.value&&(e?z():V())},isBorder:()=>w.value,setBorder:e=>{w.value=e},getAnimationClasses:()=>({enter:m.value,leave:y.value}),setAnimationClasses:e=>{"enter"in e&&(m.value=e.enter||""),"leave"in e&&(y.value=e.leave||"")},reload:()=>a.reloadHisonComponent(L)},a.hisonCloser.component.drawerList[u]=p.value,f("mounted",p.value)},G=()=>{a.unregisterReloadable(L),delete a.hisonCloser.component.drawerList[u],r.value&&V()};return t.onMounted(F),t.onBeforeUnmount(G),t.watch(I,e=>{R(),f("responsive-change",e)}),t.watch(()=>l.visible,e=>{!!e!==r.value&&(e?E():d())}),t.watch(()=>l.zIndex,e=>{const o=Number(e);Number.isFinite(o)&&o!==b.value&&(b.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==w.value&&(w.value=o)}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==S.value&&(S.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==k.value&&(k.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==g.value&&(g.value=o,r.value&&(o?z():V()))}),t.watch(()=>l.position,e=>{e&&e!==s.value&&(s.value=e,l.enterAnimationClass||(m.value=O[s.value]),l.leaveAnimationClass||(y.value=A[s.value]))}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==c.value&&j(o,!1)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==v.value&&Y(o,!1)}),t.watch(()=>l.closeButtonVisible,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeButtonText,e=>{const o=e??"X";o!==P.value&&(P.value=o)}),t.watch(()=>l.closeButtonTitle,e=>{const o=e??"Close";o!==H.value&&(H.value=o)}),t.watch(()=>l.swipeClose,e=>{const o=!!e;o!==T.value&&(T.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||O[s.value];o!==m.value&&(m.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||A[s.value];o!==y.value&&(y.value=o)}),t.watch(()=>l.class,()=>R()),{id:u,props:l,wrapperRef:N,drawerRef:h,position:s,visibleClass:te,responsiveClassList:$,childClassList:le,borderClass:ee,backgroundTypeClass:_,wrapperStyle:ae,overlayStyleWithZ:se,isOverlayVisible:oe,sizeStyle:ie,closeButtonVisible:B,closeButtonBorder:Q,closeButtonBackgroundType:x,closeButtonText:P,closeButtonTitle:H,onOverlayClick:ne,onClickClose:ce,onSwipePointerDown:ve,drawerMethods:t.computed(()=>t.unref(p))}}}),ke={class:"hison-drawer-body"};function Be(l,f,K,u,L,I){const N=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-layer-host",l.visibleClass])},[l.isOverlayVisible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-drawer-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:f[0]||(f[0]=(...h)=>l.onOverlayClick&&l.onOverlayClick(...h))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"wrapperRef",class:t.normalizeClass(["hison-drawer-wrapper",`hison-pos-${l.position}`,...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"drawerRef",class:t.normalizeClass(["hison-drawer",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog",onPointerdown:f[1]||(f[1]=(...h)=>l.onSwipePointerDown&&l.onSwipePointerDown(...h))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickClose,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(N,{id:`hison_drawer_close_${l.id}`,class:t.normalizeClass(["hison-drawer-close-btn","hison-pos-right","hison-pos-top","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:l.closeButtonBorder,"background-type":l.closeButtonBackgroundType,onClick:l.onClickClose},t.createSlots({default:t.withCtx(()=>[l.$slots["close-label"]?t.renderSlot(l.$slots,"close-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[l.$slots["close-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","class","text","title","border","background-type","onClick"])]):t.createCommentVNode("",!0),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],38)],6)],2)}const Te=be._export_sfc(Se,[["render",Be]]);exports.default=Te;

package/dist/HDropdown-DQ6KQfPV.mjs

@@ -0,0 +1,441 @@
+import { defineComponent as Ie, ref as o, computed as v, onMounted as Ae, onBeforeUnmount as Ne, watch as i, nextTick as c, unref as ae, createElementBlock as q, openBlock as U, normalizeStyle as $, normalizeClass as P, createElementVNode as C, withKeys as ie, withModifiers as se, renderSlot as Ee, toDisplayString as ue, createCommentVNode as Me, Fragment as Oe, renderList as Te } from "vue";
+import { T as xe, w as b, D as Le, x as De, E as ke, y as X, g as Ve, u as He, e as Re, t as $e, b as re, h as I, r as ze, c as Be, d as Fe } from "./index-CGtmnY7e.mjs";
+import { a as je, r as qe } from "./setButtonCssEvent-CCB_sufi.mjs";
+import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Pe = {
+  /**
+   * Unique identifier for the dropdown instance.
+   * - Retrieve methods via `hison.component.getDropdown(id)`
+   * - ⚠️ Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the dropdown (string / array / object).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline styles for the root container (`.hison-dropdown`).
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline styles for the toggle area (`.hison-dropdown-toggle`).
+   */
+  toggleStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline styles for the menu container (`.hison-dropdown-menu`).
+   * Merged on top of internal computed styles (e.g., maxHeight, overflow).
+   */
+  menuStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline styles applied to each option item (`.hison-dropdown-item`).
+   */
+  itemStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Visibility flag
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Edit mode of the dropdown.
+   * - 'editable' | 'disable' | 'readonly'
+   */
+  editMode: {
+    type: String,
+    default: X.editable,
+    validator: (n) => ke.includes(n)
+  },
+  /**
+   * Placeholder text shown when no value selected
+   */
+  placeholder: { type: String, default: "" },
+  /**
+   * Trigger type to open menu
+   * - 'click': click/tap to toggle
+   * - 'hover': mouseenter/mouseleave
+   */
+  trigger: {
+    type: String,
+    default: De.click,
+    validator: (n) => Le.includes(n)
+  },
+  /**
+   * Model: { value, options }
+   * - value: selected value
+   * - options: array of { label, value, disabled? }
+   * - Supports v-model
+   */
+  modelValue: { type: Object, required: !0 },
+  /**
+   * Max menu height in px (scrolls when overflown)
+   */
+  maxHeight: {
+    type: Number,
+    default: 240,
+    validator: (n) => Number.isFinite(n) && n >= 0
+  },
+  /**
+   * Close menu when selecting an option
+   */
+  closeOnSelect: { type: Boolean, default: !0 },
+  /**
+   * Text alignment for toggle and menu.
+   * - 'left' | 'center' | 'right'
+   * - Applies to both the toggle and the menu container.
+   */
+  textAlign: {
+    type: String,
+    default: b.left,
+    validator: (n) => xe.includes(n)
+  },
+  /**
+   * Animate menu open/close & caret rotation.
+   */
+  animate: { type: Boolean, default: !0 },
+  /**
+   * Animation duration in ms.
+   * Applied via CSS var `--hdd-duration`.
+   */
+  duration: {
+    type: Number,
+    default: 500,
+    validator: (n) => Number.isFinite(n) && n >= 0
+  },
+  /**
+   * CSS timing function (e.g., 'ease', 'linear', 'ease-in-out', 'cubic-bezier(...)').
+   * Applied via CSS var `--hdd-easing`.
+   */
+  easing: { type: String, default: "ease" },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (n) => n === null || n === "" || !isNaN(+n) && isFinite(+n)
+  },
+  /**
+   * Stacking order for this dropdown **wrapper** (fixed container).
+   * - Applied to `.hison-dropdown-wrapper`;
+   * - Default: `1100`
+   */
+  zIndex: { type: Number, default: 1050 }
+}, Ge = Ie({
+  name: "HDropdown",
+  props: Pe,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "open", "close", "toggle-click", "item-click", "change", "update:modelValue"],
+  setup(n, { emit: l }) {
+    var ne, te;
+    const m = n.id || Ve(), z = `hdropdown:${m}`, s = o(null), A = o(null), a = He(), u = o(!1), g = o(((ne = n.modelValue) == null ? void 0 : ne.options) ?? []), r = o(((te = n.modelValue) == null ? void 0 : te.value) ?? null), w = o(!!n.visible), S = o(n.editMode), N = v(() => S.value === X.disable), E = v(() => S.value === X.readonly), G = o(n.placeholder || ""), M = o(n.trigger), O = o(n.textAlign ?? b.left), de = v(() => ({ textAlign: O.value })), T = o(n.animate ?? !0), x = o(n.duration ?? 500), L = o(n.easing ?? "ease"), D = o(
+      n.tabIndex !== null && n.tabIndex !== "" ? Number(n.tabIndex) : null
+    ), k = o(n.zIndex ?? 1100), ve = v(() => ({
+      "--hdd-duration": `${x.value}ms`,
+      "--hdd-easing": L.value
+    })), ce = v(() => w.value ? "" : "hison-display-none"), ge = v(() => N.value ? "hison-disable" : ""), fe = v(() => E.value ? "hison-readonly" : ""), B = o([]), Y = () => {
+      B.value = Re($e(n.class) || "", a.value), re(B.value, "size", I.componentStyle.size), re(B.value, "color", "primary");
+    }, Z = v(() => {
+      const e = g.value.find((t) => t.value === r.value);
+      return (e == null ? void 0 : e.label) ?? "";
+    }), h = o(n.maxHeight ?? 240), me = v(() => ({
+      maxHeight: `${h.value}px`,
+      overflowY: "auto"
+    })), V = o(n.closeOnSelect ?? !0), pe = v(() => {
+      const e = g.value.findIndex((t) => t.value === r.value);
+      return e >= 0 ? `opt-${e}` : void 0;
+    }), J = o({}), H = o(!0), F = 0, ye = 120;
+    function d() {
+      if (!u.value || !s.value) return;
+      const e = s.value.getBoundingClientRect(), t = window.innerHeight, f = e.width, y = e.left, le = t - e.bottom, we = e.top;
+      H.value = le >= ye;
+      let oe = H.value ? Math.min(h.value, Math.max(0, le - F)) : Math.min(h.value, Math.max(0, we - F));
+      const Se = H.value ? e.bottom + F : e.top - oe - F, Ce = getComputedStyle(s.value).fontSize || "inherit";
+      J.value = {
+        position: "fixed",
+        left: `${y}px`,
+        top: `${Se}px`,
+        width: `${f}px`,
+        maxHeight: `${oe}px`,
+        overflowY: "auto",
+        zIndex: String(k.value),
+        fontSize: Ce,
+        transformOrigin: H.value ? "top center" : "bottom center"
+      };
+    }
+    function j() {
+      u.value && d();
+    }
+    const Q = (e) => {
+      if (!u.value) return;
+      const t = e.target, f = !!s.value && !!t && s.value.contains(t), y = !!A.value && !!t && A.value.contains(t);
+      !f && !y && R();
+    }, K = (e) => {
+      N.value || E.value || !w.value || u.value || (u.value = !0, c(d), l("open", e ?? null, p.value));
+    }, R = (e) => {
+      var y;
+      if (!u.value) return;
+      const t = document.activeElement, f = A.value;
+      f && t && f.contains(t) && ((y = s.value) == null || y.focus()), u.value = !1, l("close", e ?? null, p.value);
+    }, W = (e) => u.value ? R(e) : K(e), be = (e) => {
+      M.value === "click" && (N.value || E.value || (l("toggle-click", e, p.value), W(e)));
+    }, he = (e, t) => {
+      if (e.disabled || N.value || E.value) return;
+      t && l("item-click", t, p.value, e);
+      const f = r.value;
+      if (e.value !== f) {
+        r.value = e.value;
+        const y = { value: r.value, options: ae(g) };
+        l("update:modelValue", y), l("change", f, r.value, p.value);
+      }
+      V.value && R(t);
+    }, p = o(null), _ = () => {
+      I.component.dropdownList[m] && I.component.dropdownList[m].isHisonvueComponent && console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${m}`), ze(z, () => {
+        ee(), c(_);
+      }), s.value && je(s.value), Y(), p.value = {
+        isHisonvueComponent: !0,
+        getId: () => m,
+        getType: () => "dropdown",
+        isVisible: () => w.value,
+        setVisible: (e) => {
+          w.value = e;
+        },
+        getEditMode: () => S.value,
+        setEditMode: (e) => {
+          S.value = e;
+        },
+        isOpen: () => u.value,
+        open: K,
+        close: R,
+        toggle: W,
+        getValue: () => r.value,
+        setValue: (e) => {
+          r.value = e;
+        },
+        getText: () => Z.value,
+        getOptions: () => ae(g),
+        setOptions: (e) => {
+          g.value = Array.isArray(e) ? e : [];
+        },
+        setTriggerType: (e) => {
+          M.value = e;
+        },
+        getMaxHeight: () => h.value,
+        setMaxHeight: (e) => {
+          const t = Number(e);
+          !Number.isFinite(t) || t < 0 || (h.value = t, c(d));
+        },
+        isCloseOnSelect: () => V.value,
+        setCloseOnSelect: (e) => {
+          V.value = !!e;
+        },
+        getTextAlign: () => O.value,
+        setTextAlign: (e) => {
+          (e === b.left || e === b.center || e === b.right) && (O.value = e, c(d));
+        },
+        getAnimate: () => T.value,
+        setAnimate: (e) => {
+          T.value = !!e;
+        },
+        getDuration: () => x.value,
+        setDuration: (e) => {
+          const t = Number(e);
+          Number.isFinite(t) && t >= 0 && (x.value = t);
+        },
+        getEasing: () => L.value,
+        setEasing: (e) => {
+          typeof e == "string" && (L.value = e);
+        },
+        getTabIndex: () => D.value,
+        setTabIndex: (e) => {
+          D.value = e != null ? Number(e) : null;
+        },
+        getZIndex: () => k.value,
+        setZIndex: (e) => {
+          k.value = e;
+        },
+        focus: () => {
+          var e;
+          (e = s.value) == null || e.focus();
+        },
+        reload: () => Be(z)
+      }, I.component.dropdownList[m] = p.value, document.addEventListener("mousedown", Q), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), c(d), l("mounted", p.value);
+    }, ee = () => {
+      var e;
+      Fe(z);
+      try {
+        document.removeEventListener("mousedown", Q);
+      } catch {
+      }
+      try {
+        window.removeEventListener("scroll", j, !0);
+      } catch {
+      }
+      try {
+        window.removeEventListener("resize", j);
+      } catch {
+      }
+      s.value && qe(s.value), (e = I.component) != null && e.dropdownList && delete I.component.dropdownList[m];
+    };
+    return Ae(_), Ne(ee), i(() => n.modelValue, (e) => {
+      !e || typeof e != "object" || (Array.isArray(e.options) && (g.value = e.options), r.value = e.value, c(d));
+    }, { deep: !0 }), i(a, (e) => {
+      Y(), l("responsive-change", e), c(d);
+    }), i(() => n.visible, (e) => {
+      !!e !== w.value && (w.value = !!e);
+    }), i(() => n.editMode, (e) => {
+      e && e !== S.value && (S.value = e);
+    }), i(() => n.placeholder, (e) => {
+      const t = e ?? "";
+      t !== G.value && (G.value = t);
+    }), i(() => n.trigger, (e) => {
+      e && e !== M.value && (M.value = e);
+    }), i(() => n.textAlign, (e) => {
+      (e === b.left || e === b.center || e === b.right) && e !== O.value && (O.value = e, c(d));
+    }), i(() => n.animate, (e) => {
+      const t = !!e;
+      t !== T.value && (T.value = t);
+    }), i(() => n.duration, (e) => {
+      const t = Number(e);
+      Number.isFinite(t) && t >= 0 && t !== x.value && (x.value = t);
+    }), i(() => n.easing, (e) => {
+      const t = typeof e == "string" ? e : "ease";
+      t !== L.value && (L.value = t);
+    }), i(() => n.tabIndex, (e) => {
+      const t = e === null || e === "" ? null : Number(e);
+      t !== D.value && (D.value = t);
+    }), i(() => n.maxHeight, (e) => {
+      const t = Number(e);
+      Number.isFinite(t) && t >= 0 && t !== h.value && (h.value = t, c(d));
+    }), i(() => n.closeOnSelect, (e) => {
+      const t = !!e;
+      t !== V.value && (V.value = t);
+    }), i(() => n.class, () => {
+      Y(), c(d);
+    }), i(() => n.zIndex, (e) => {
+      const t = Number(e);
+      Number.isFinite(t) && t !== k.value && (k.value = t);
+    }), {
+      toggleRef: s,
+      menuRef: A,
+      props: n,
+      isDisabled: N,
+      isReadonly: E,
+      visibleClass: ce,
+      disableClass: ge,
+      readonlyClass: fe,
+      responsiveClassList: B,
+      isOpen: u,
+      trigger: M,
+      selectedValue: r,
+      selectedLabel: Z,
+      placeholder: G,
+      activeDescId: pe,
+      menuInlineStyle: me,
+      options: g,
+      animate: T,
+      rootInlineStyle: ve,
+      tabIndex: D,
+      fixedMenuStyle: J,
+      openBelow: H,
+      onToggleClick: be,
+      onSelect: he,
+      textAlignStyle: de,
+      open: K,
+      close: R,
+      toggle: W
+    };
+  }
+}), Ye = ["aria-expanded", "aria-disabled", "tabindex"], Ke = { class: "hison-dropdown-label" }, We = ["aria-activedescendant", "inert"], Xe = { class: "hison-dropdown-panel" }, Ze = ["aria-selected", "onClick"], Je = {
+  key: 0,
+  class: "hison-dropdown-empty"
+};
+function Qe(n, l, m, z, s, A) {
+  return U(), q("div", {
+    class: P([
+      "hison-dropdown",
+      ...n.responsiveClassList,
+      n.visibleClass,
+      n.disableClass,
+      n.readonlyClass,
+      n.isOpen ? "hison-open" : "",
+      n.animate ? "" : "hison-no-anim"
+    ]),
+    style: $([n.rootInlineStyle, n.props.style]),
+    onMouseenter: l[3] || (l[3] = (a) => n.trigger === "hover" ? n.open(a) : null),
+    onMouseleave: l[4] || (l[4] = (a) => n.trigger === "hover" ? n.close(a) : null)
+  }, [
+    C("div", {
+      ref: "toggleRef",
+      class: P(["hison-dropdown-toggle", [
+        n.isDisabled ? "hison-disable" : "",
+        n.isReadonly ? "hison-readonly" : ""
+      ]]),
+      "aria-expanded": n.isOpen,
+      role: "combobox",
+      "aria-disabled": n.isDisabled || n.isReadonly ? "true" : "false",
+      tabindex: n.tabIndex ?? void 0,
+      style: $([n.textAlignStyle, n.props.toggleStyle]),
+      onClick: l[0] || (l[0] = (a) => n.onToggleClick(a)),
+      onKeydown: [
+        l[1] || (l[1] = ie(se((a) => n.onToggleClick(a), ["prevent"]), ["enter"])),
+        l[2] || (l[2] = ie(se((a) => n.onToggleClick(a), ["prevent"]), ["space"]))
+      ]
+    }, [
+      C("span", Ke, ue(n.selectedLabel || n.placeholder), 1),
+      Ee(n.$slots, "caret", {}, () => [
+        l[5] || (l[5] = C("span", { class: "hison-dropdown-caret" }, "▾", -1))
+      ])
+    ], 46, Ye),
+    C("div", {
+      ref: "menuRef",
+      class: P(["hison-dropdown-menu hison-dropdown-menu-fixed", [
+        n.isOpen ? "hison-open" : "",
+        n.openBelow ? "hison-open-below" : "hison-open-above"
+      ]]),
+      style: $([n.fixedMenuStyle, n.textAlignStyle, n.props.menuStyle]),
+      role: "listbox",
+      "aria-activedescendant": n.activeDescId,
+      inert: !n.isOpen || void 0
+    }, [
+      C("div", Xe, [
+        C("div", {
+          class: "hison-dropdown-panel-inner",
+          style: $(n.menuInlineStyle)
+        }, [
+          (U(!0), q(Oe, null, Te(n.options, (a, u) => (U(), q("div", {
+            key: `opt-${u}`,
+            class: P(["hison-dropdown-item", [
+              a.disabled ? "hison-disable" : "",
+              a.value === n.selectedValue ? "hison-selected" : ""
+            ]]),
+            style: $(n.props.itemStyle),
+            role: "option",
+            "aria-selected": a.value === n.selectedValue ? "true" : "false",
+            onClick: (g) => n.onSelect(a, g)
+          }, ue(a.label), 15, Ze))), 128)),
+          n.options.length === 0 ? (U(), q("div", Je, "No options")) : Me("", !0)
+        ], 4)
+      ])
+    ], 14, We)
+  ], 38);
+}
+const ln = /* @__PURE__ */ Ue(Ge, [["render", Qe]]);
+export {
+  ln as default
+};

package/dist/HDropdown-bYmaAvIV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-u-g5zFbx.js"),X=require("./setButtonCssEvent-POdDEEJw.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),de={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},toggleStyle:{type:[String,Object,Array],required:!1},menuStyle:{type:[String,Object,Array],required:!1},itemStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:o.EditMode.editable,validator:n=>o.EDIT_MODE_VALUES.includes(n)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:n=>o.DROPDOWN_TRIGGER_VALUES.includes(n)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:n=>Number.isFinite(n)&&n>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:n=>o.TEXT_ALIGN_VALUES.includes(n)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:n=>Number.isFinite(n)&&n>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)},zIndex:{type:Number,default:1050}},ce=t.defineComponent({name:"HDropdown",props:de,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(n,{emit:i}){var G,K;const g=n.id||o.getUUID(),V=`hdropdown:${g}`,s=t.ref(null),b=t.ref(null),a=o.useDevice(),u=t.ref(!1),c=t.ref(((G=n.modelValue)==null?void 0:G.options)??[]),r=t.ref(((K=n.modelValue)==null?void 0:K.value)??null),y=t.ref(!!n.visible),h=t.ref(n.editMode),w=t.computed(()=>h.value===o.EditMode.disable),S=t.computed(()=>h.value===o.EditMode.readonly),D=t.ref(n.placeholder||""),C=t.ref(n.trigger),T=t.ref(n.textAlign??o.TextAlign.left),Z=t.computed(()=>({textAlign:T.value})),x=t.ref(n.animate??!0),E=t.ref(n.duration??500),A=t.ref(n.easing??"ease"),k=t.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),N=t.ref(n.zIndex??1100),J=t.computed(()=>({"--hdd-duration":`${E.value}ms`,"--hdd-easing":A.value})),Q=t.computed(()=>y.value?"":"hison-display-none"),_=t.computed(()=>w.value?"hison-disable":""),ee=t.computed(()=>S.value?"hison-readonly":""),z=t.ref([]),H=()=>{z.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(z.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(z.value,"color","primary")},q=t.computed(()=>{const e=c.value.find(l=>l.value===r.value);return(e==null?void 0:e.label)??""}),p=t.ref(n.maxHeight??240),te=t.computed(()=>({maxHeight:`${p.value}px`,overflowY:"auto"})),I=t.ref(n.closeOnSelect??!0),ne=t.computed(()=>{const e=c.value.findIndex(l=>l.value===r.value);return e>=0?`opt-${e}`:void 0}),F=t.ref({}),M=t.ref(!0),L=0,le=120;function d(){if(!u.value||!s.value)return;const e=s.value.getBoundingClientRect(),l=window.innerHeight,v=e.width,m=e.left,Y=l-e.bottom,ae=e.top;M.value=Y>=le;let W=M.value?Math.min(p.value,Math.max(0,Y-L)):Math.min(p.value,Math.max(0,ae-L));const se=M.value?e.bottom+L:e.top-W-L,ue=getComputedStyle(s.value).fontSize||"inherit";F.value={position:"fixed",left:`${m}px`,top:`${se}px`,width:`${v}px`,maxHeight:`${W}px`,overflowY:"auto",zIndex:String(N.value),fontSize:ue,transformOrigin:M.value?"top center":"bottom center"}}function B(){u.value&&d()}const j=e=>{if(!u.value)return;const l=e.target,v=!!s.value&&!!l&&s.value.contains(l),m=!!b.value&&!!l&&b.value.contains(l);!v&&!m&&O()},R=e=>{w.value||S.value||!y.value||u.value||(u.value=!0,t.nextTick(d),i("open",e??null,f.value))},O=e=>{var m;if(!u.value)return;const l=document.activeElement,v=b.value;v&&l&&v.contains(l)&&((m=s.value)==null||m.focus()),u.value=!1,i("close",e??null,f.value)},$=e=>u.value?O(e):R(e),oe=e=>{C.value==="click"&&(w.value||S.value||(i("toggle-click",e,f.value),$(e)))},ie=(e,l)=>{if(e.disabled||w.value||S.value)return;l&&i("item-click",l,f.value,e);const v=r.value;if(e.value!==v){r.value=e.value;const m={value:r.value,options:t.unref(c)};i("update:modelValue",m),i("change",v,r.value,f.value)}I.value&&O(l)},f=t.ref(null),U=()=>{o.hisonCloser.component.dropdownList[g]&&o.hisonCloser.component.dropdownList[g].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${g}`),o.registerReloadable(V,()=>{P(),t.nextTick(U)}),s.value&&X.addButtonCssEvent(s.value),H(),f.value={isHisonvueComponent:!0,getId:()=>g,getType:()=>"dropdown",isVisible:()=>y.value,setVisible:e=>{y.value=e},getEditMode:()=>h.value,setEditMode:e=>{h.value=e},isOpen:()=>u.value,open:R,close:O,toggle:$,getValue:()=>r.value,setValue:e=>{r.value=e},getText:()=>q.value,getOptions:()=>t.unref(c),setOptions:e=>{c.value=Array.isArray(e)?e:[]},setTriggerType:e=>{C.value=e},getMaxHeight:()=>p.value,setMaxHeight:e=>{const l=Number(e);!Number.isFinite(l)||l<0||(p.value=l,t.nextTick(d))},isCloseOnSelect:()=>I.value,setCloseOnSelect:e=>{I.value=!!e},getTextAlign:()=>T.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(T.value=e,t.nextTick(d))},getAnimate:()=>x.value,setAnimate:e=>{x.value=!!e},getDuration:()=>E.value,setDuration:e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&(E.value=l)},getEasing:()=>A.value,setEasing:e=>{typeof e=="string"&&(A.value=e)},getTabIndex:()=>k.value,setTabIndex:e=>{k.value=e!=null?Number(e):null},getZIndex:()=>N.value,setZIndex:e=>{N.value=e},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(V)},o.hisonCloser.component.dropdownList[g]=f.value,document.addEventListener("mousedown",j),window.addEventListener("scroll",B,!0),window.addEventListener("resize",B),t.nextTick(d),i("mounted",f.value)},P=()=>{var e;o.unregisterReloadable(V);try{document.removeEventListener("mousedown",j)}catch{}try{window.removeEventListener("scroll",B,!0)}catch{}try{window.removeEventListener("resize",B)}catch{}s.value&&X.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[g]};return t.onMounted(U),t.onBeforeUnmount(P),t.watch(()=>n.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(c.value=e.options),r.value=e.value,t.nextTick(d))},{deep:!0}),t.watch(a,e=>{H(),i("responsive-change",e),t.nextTick(d)}),t.watch(()=>n.visible,e=>{!!e!==y.value&&(y.value=!!e)}),t.watch(()=>n.editMode,e=>{e&&e!==h.value&&(h.value=e)}),t.watch(()=>n.placeholder,e=>{const l=e??"";l!==D.value&&(D.value=l)}),t.watch(()=>n.trigger,e=>{e&&e!==C.value&&(C.value=e)}),t.watch(()=>n.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==T.value&&(T.value=e,t.nextTick(d))}),t.watch(()=>n.animate,e=>{const l=!!e;l!==x.value&&(x.value=l)}),t.watch(()=>n.duration,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==E.value&&(E.value=l)}),t.watch(()=>n.easing,e=>{const l=typeof e=="string"?e:"ease";l!==A.value&&(A.value=l)}),t.watch(()=>n.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==k.value&&(k.value=l)}),t.watch(()=>n.maxHeight,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==p.value&&(p.value=l,t.nextTick(d))}),t.watch(()=>n.closeOnSelect,e=>{const l=!!e;l!==I.value&&(I.value=l)}),t.watch(()=>n.class,()=>{H(),t.nextTick(d)}),t.watch(()=>n.zIndex,e=>{const l=Number(e);Number.isFinite(l)&&l!==N.value&&(N.value=l)}),{toggleRef:s,menuRef:b,props:n,isDisabled:w,isReadonly:S,visibleClass:Q,disableClass:_,readonlyClass:ee,responsiveClassList:z,isOpen:u,trigger:C,selectedValue:r,selectedLabel:q,placeholder:D,activeDescId:ne,menuInlineStyle:te,options:c,animate:x,rootInlineStyle:J,tabIndex:k,fixedMenuStyle:F,openBelow:M,onToggleClick:oe,onSelect:ie,textAlignStyle:Z,open:R,close:O,toggle:$}}}),ve=["aria-expanded","aria-disabled","tabindex"],ge={class:"hison-dropdown-label"},fe=["aria-activedescendant","inert"],me={class:"hison-dropdown-panel"},pe=["aria-selected","onClick"],ye={key:0,class:"hison-dropdown-empty"};function he(n,i,g,V,s,b){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-dropdown",...n.responsiveClassList,n.visibleClass,n.disableClass,n.readonlyClass,n.isOpen?"hison-open":"",n.animate?"":"hison-no-anim"]),style:t.normalizeStyle([n.rootInlineStyle,n.props.style]),onMouseenter:i[3]||(i[3]=a=>n.trigger==="hover"?n.open(a):null),onMouseleave:i[4]||(i[4]=a=>n.trigger==="hover"?n.close(a):null)},[t.createElementVNode("div",{ref:"toggleRef",class:t.normalizeClass(["hison-dropdown-toggle",[n.isDisabled?"hison-disable":"",n.isReadonly?"hison-readonly":""]]),"aria-expanded":n.isOpen,role:"combobox","aria-disabled":n.isDisabled||n.isReadonly?"true":"false",tabindex:n.tabIndex??void 0,style:t.normalizeStyle([n.textAlignStyle,n.props.toggleStyle]),onClick:i[0]||(i[0]=a=>n.onToggleClick(a)),onKeydown:[i[1]||(i[1]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["enter"])),i[2]||(i[2]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["space"]))]},[t.createElementVNode("span",ge,t.toDisplayString(n.selectedLabel||n.placeholder),1),t.renderSlot(n.$slots,"caret",{},()=>[i[5]||(i[5]=t.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,ve),t.createElementVNode("div",{ref:"menuRef",class:t.normalizeClass(["hison-dropdown-menu hison-dropdown-menu-fixed",[n.isOpen?"hison-open":"",n.openBelow?"hison-open-below":"hison-open-above"]]),style:t.normalizeStyle([n.fixedMenuStyle,n.textAlignStyle,n.props.menuStyle]),role:"listbox","aria-activedescendant":n.activeDescId,inert:!n.isOpen||void 0},[t.createElementVNode("div",me,[t.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:t.normalizeStyle(n.menuInlineStyle)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(a,u)=>(t.openBlock(),t.createElementBlock("div",{key:`opt-${u}`,class:t.normalizeClass(["hison-dropdown-item",[a.disabled?"hison-disable":"",a.value===n.selectedValue?"hison-selected":""]]),style:t.normalizeStyle(n.props.itemStyle),role:"option","aria-selected":a.value===n.selectedValue?"true":"false",onClick:c=>n.onSelect(a,c)},t.toDisplayString(a.label),15,pe))),128)),n.options.length===0?(t.openBlock(),t.createElementBlock("div",ye,"No options")):t.createCommentVNode("",!0)],4)])],14,fe)],38)}const be=re._export_sfc(ce,[["render",he]]);exports.default=be;

package/dist/{HFileset-DtdYALa2.mjs → HFileset-Dh2nT5Lb.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Me, ref as i, computed as N, onMounted as ze, onBeforeUnmount as Ne, watch as o, nextTick as _, resolveComponent as xe, createElementBlock as F, openBlock as T, normalizeClass as x, createElementVNode as O, normalizeStyle as $e, createCommentVNode as de, withModifiers as W, toDisplayString as X, Fragment as re, renderList as Ae, renderSlot as ee, createVNode as ke, withCtx as Be } from "vue";
-import { E as Ee, y as D, g as Le, l as y, u as Oe, j as ve, t as le, h as S, e as je, a as Re, b as fe, r as He, c as Ve, d as Pe } from "./index-B9qMfmIX.mjs";
+import { E as Ee, y as D, g as Le, l as y, u as Oe, j as ve, t as le, h as S, e as je, a as Re, b as fe, r as He, c as Ve, d as Pe } from "./index-CGtmnY7e.mjs";
 import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Je = {
   /**

package/dist/{HFileset-BDudbLRV.js → HFileset-TWFJ3C6D.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-D5IuFXUo.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:i.EditMode.editable,validator:t=>i.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Array,default:()=>[]},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"x"},placeholder:{type:String,default:"There are no files."},enableDrop:{type:Boolean,default:!0},downloadHandler:{type:Function,default:void 0},multiCols:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},disallowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},maxFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxTotalFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxFileCount:{type:Number,default:0,validator:t=>Number.isInteger(t)&&t>=0},onDisallowedType:{type:Function,default:void 0},onMaxFileSizeExceeded:{type:Function,default:void 0},onMaxTotalSizeExceeded:{type:Function,default:void 0},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=l.defineComponent({name:"HFileset",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","download","change"],setup(t,{emit:o}){const F=l.ref(null),n=l.ref([...t.modelValue]),m=l.ref(null),c=t.id?t.id:i.getUUID(),N=`hbutton:${c}`,s=l.ref(t.visible),d=l.ref(t.editMode),B=l.computed(()=>d.value===i.EditMode.disable),X=l.computed(()=>d.value===i.EditMode.readonly),Y=l.computed(()=>d.value!==i.EditMode.editable?`hison-fileset-${d.value}`:""),Z=l.computed(()=>s.value?"":"hison-display-none"),j=l.ref(t.attId||""),E=l.ref(t.addButtonText||""),x=l.ref(t.removeButtonText||""),A=l.ref(t.placeholder??""),R=l.ref(!1),M=l.ref(t.enableDrop),$=l.ref(typeof t.downloadHandler=="function"?t.downloadHandler:void 0),O=l.ref(t.multiCols??!1),h=l.ref(t.multiple??!1),H=l.ref(!1),_=l.computed(()=>{if(y.value.length===0)return"";const e=new Set(w.value.map(u=>u.toLowerCase())),a=y.value.filter(u=>!e.has(u.toLowerCase()));return a.length>0?a.join(","):void 0}),y=l.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),w=l.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),b=l.ref(t.maxFileSize??i.hison.getMaxFilesetSize()),C=l.ref(t.maxTotalFileSize??i.hison.getMaxFilesetTotalSize()),D=l.ref(t.maxFileCount),g=l.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),z=l.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),k=l.ref(typeof t.onMaxTotalSizeExceeded=="function"?t.onMaxTotalSizeExceeded:void 0),L=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=i.useDevice(),I=l.ref([]),P=()=>{I.value=i.extractResponsiveClasses(i.toClassString(t.class)||"",U.value),i.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),i.addComponentNameToClass(I.value,"size",i.hisonCloser.componentStyle.size),i.addComponentNameToClass(I.value,"color","primary")},ee=l.computed(()=>{const e=[];return e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","size")),e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","color")),e}),te=()=>{var e;(e=F.value)==null||e.click()},le=e=>{var r,S,f;const a=e.type,u="."+((r=e.name.split(".").pop())==null?void 0:r.toLowerCase());return y.value.length>0&&!y.value.some(T=>T===a||T===u)?(console.warn(`File type not in allowedTypes: ${a} / ${u}`),(S=g.value)==null||S.call(g,e,y.value,null),!1):w.value.length>0&&w.value.some(T=>T===a||T===u)?(console.warn(`File type is in disallowedTypes: ${a} / ${u}`),(f=g.value)==null||f.call(g,e,null,w.value),!1):!0},ae=e=>{var a;return typeof b.value=="number"&&Number.isFinite(b.value)&&e.size>b.value?(console.warn(`File too large: ${e.name}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-u-g5zFbx.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:i.EditMode.editable,validator:t=>i.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Array,default:()=>[]},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"x"},placeholder:{type:String,default:"There are no files."},enableDrop:{type:Boolean,default:!0},downloadHandler:{type:Function,default:void 0},multiCols:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},disallowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},maxFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxTotalFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxFileCount:{type:Number,default:0,validator:t=>Number.isInteger(t)&&t>=0},onDisallowedType:{type:Function,default:void 0},onMaxFileSizeExceeded:{type:Function,default:void 0},onMaxTotalSizeExceeded:{type:Function,default:void 0},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=l.defineComponent({name:"HFileset",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","download","change"],setup(t,{emit:o}){const F=l.ref(null),n=l.ref([...t.modelValue]),m=l.ref(null),c=t.id?t.id:i.getUUID(),N=`hbutton:${c}`,s=l.ref(t.visible),d=l.ref(t.editMode),B=l.computed(()=>d.value===i.EditMode.disable),X=l.computed(()=>d.value===i.EditMode.readonly),Y=l.computed(()=>d.value!==i.EditMode.editable?`hison-fileset-${d.value}`:""),Z=l.computed(()=>s.value?"":"hison-display-none"),j=l.ref(t.attId||""),E=l.ref(t.addButtonText||""),x=l.ref(t.removeButtonText||""),A=l.ref(t.placeholder??""),R=l.ref(!1),M=l.ref(t.enableDrop),$=l.ref(typeof t.downloadHandler=="function"?t.downloadHandler:void 0),O=l.ref(t.multiCols??!1),h=l.ref(t.multiple??!1),H=l.ref(!1),_=l.computed(()=>{if(y.value.length===0)return"";const e=new Set(w.value.map(u=>u.toLowerCase())),a=y.value.filter(u=>!e.has(u.toLowerCase()));return a.length>0?a.join(","):void 0}),y=l.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),w=l.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),b=l.ref(t.maxFileSize??i.hison.getMaxFilesetSize()),C=l.ref(t.maxTotalFileSize??i.hison.getMaxFilesetTotalSize()),D=l.ref(t.maxFileCount),g=l.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),z=l.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),k=l.ref(typeof t.onMaxTotalSizeExceeded=="function"?t.onMaxTotalSizeExceeded:void 0),L=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=i.useDevice(),I=l.ref([]),P=()=>{I.value=i.extractResponsiveClasses(i.toClassString(t.class)||"",U.value),i.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),i.addComponentNameToClass(I.value,"size",i.hisonCloser.componentStyle.size),i.addComponentNameToClass(I.value,"color","primary")},ee=l.computed(()=>{const e=[];return e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","size")),e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","color")),e}),te=()=>{var e;(e=F.value)==null||e.click()},le=e=>{var r,S,f;const a=e.type,u="."+((r=e.name.split(".").pop())==null?void 0:r.toLowerCase());return y.value.length>0&&!y.value.some(T=>T===a||T===u)?(console.warn(`File type not in allowedTypes: ${a} / ${u}`),(S=g.value)==null||S.call(g,e,y.value,null),!1):w.value.length>0&&w.value.some(T=>T===a||T===u)?(console.warn(`File type is in disallowedTypes: ${a} / ${u}`),(f=g.value)==null||f.call(g,e,null,w.value),!1):!0},ae=e=>{var a;return typeof b.value=="number"&&Number.isFinite(b.value)&&e.size>b.value?(console.warn(`File too large: ${e.name}
 Max size: ${b.value} Byte`),(a=z.value)==null||a.call(z,e,e.size,b.value),!1):!0},q=e=>{var S;let a=e.filter(f=>ae(f)&&le(f));!h.value&&a.length>1&&(a=[a[0]]);let u=!1;const r=[];for(const f of a){let V=n.value.filter(v=>!v.isDeleted),T=V.length;const Q=V.reduce((v,p)=>v+(p.fileSize??0),0)+f.size;if(C.value>0&&Q>C.value){(S=k.value)==null||S.call(k,f,Q,C.value),console.warn("Total file size exceeds limit.");break}if(!h.value){for(const v of V)if(v.isNew){const p=n.value.indexOf(v);p!==-1&&n.value.splice(p,1)}else v.isDeleted=!0;u=!0}if(h.value&&D.value>0&&T>=D.value){const v=n.value.findIndex(p=>!p.isDeleted);if(v!==-1){const p=n.value[v];p.isNew?n.value.splice(v,1):p.isDeleted=!0,u=!0}else{console.warn("No replaceable file found for maxFileCount overflow.");break}}const W={fileName:f.name,fileSize:f.size,extension:f.name.split(".").pop(),file:f,isNew:!0};n.value.push(W),u=!0,r.push(W)}u&&(H.value=!0,o("update:modelValue",[...n.value]),r.length&&o("add",i.hison.utils.deepCopyObject(r),m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value))},ie=e=>{if(d.value!==i.EditMode.editable)return;const a=n.value[e];a.fileId?a.isDeleted=!0:n.value.splice(e,1),H.value=!0,o("update:modelValue",[...n.value]),o("remove",i.hison.utils.deepCopyObject(a),e,m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value)},oe=e=>{if(d.value!==i.EditMode.editable)return;const a=e.target.files;!a||a.length===0||(q(Array.from(a)),l.nextTick(()=>{F.value&&(F.value.value="")}))},ne=l.computed(()=>n.value.filter(e=>!e.isDeleted)),se=e=>{if(o("download",i.hison.utils.deepCopyObject(e),m.value),$.value){$.value(e);return}let a="",u=e.fileName||"download";if(e.file){const S=new Blob([e.file],{type:e.file.type});a=URL.createObjectURL(S)}else if(e.filePath)a=e.filePath;else{console.warn("Download failed: no filePath or file object.");return}const r=document.createElement("a");r.href=a,r.download=u,r.click(),e.file&&URL.revokeObjectURL(a)},ue=e=>{!M.value||d.value!==i.EditMode.editable||(R.value=!0)},de=e=>{var a;R.value=!1,!(!M.value||d.value!==i.EditMode.editable)&&(a=e.dataTransfer)!=null&&a.files&&q(Array.from(e.dataTransfer.files))},J=e=>{if(!e||!e.getIsDataModel||!e.getIsDataModel()||e.getRowCount()===0)return;const a=e.getRows();n.value=[...a]},G=()=>{i.hisonCloser.component.filesetList[c]&&i.hisonCloser.component.filesetList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The fileset ID is at risk of being duplicated. ${c}`),i.registerReloadable(N,()=>{K(),l.nextTick(G)}),F.value&&(P(),m.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"fileset",isVisible:()=>s.value,setVisible:e=>{s.value=e},getEditMode:()=>d.value,setEditMode:e=>{var a;d.value=e,(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||a.setDisable(B.value)},getValue:()=>i.hison.utils.deepCopyObject(n.value),setValue:e=>{n.value=i.hison.utils.deepCopyObject([...e])},getDataModel:()=>n.value.length>0?new i.hison.data.DataModel(n.value):null,setDataModel:e=>{J(e)},load:e=>{e&&e.getIsDataModel&&e.getIsDataModel()?J(e):n.value=i.hison.utils.deepCopyObject([...e])},getAttId:()=>j.value,setAttId:e=>{j.value=e},getAddButtonText:()=>E.value,setAddButtonText:e=>{E.value=e},getRemoveButtonText:()=>x.value,setRemoveButtonText:e=>{x.value=e},isEnableDrop:()=>M.value,setEnableDrop:e=>{M.value=e},setDownloadHandler:e=>{$.value=e},isMultiCols:()=>O.value,setMultiCols:e=>{O.value=e},isMultiple:()=>h.value,setMultiple:e=>{h.value=e},getPlaceholder:()=>A.value,setPlaceholder:e=>{A.value=e},getAllowedTypes:()=>y.value,setAllowedTypes:e=>{y.value=e},getDisallowedTypes:()=>w.value,setDisallowedTypes:e=>{w.value=e},getMaxFileSize:()=>b.value,setMaxFileSize:e=>{b.value=e},getMaxTotalFileSize:()=>C.value,setMaxTotalFileSize:e=>{C.value=e},getMaxFileCount:()=>D.value,setMaxFileCount:e=>{D.value=e},setOnDisallowedType:e=>{g.value=e},setOnMaxFileSizeExceeded:e=>{z.value=e},setOnMaxTotalSizeExceeded:e=>{k.value=e},isModified:()=>H.value,setModified:e=>{H.value=e},getTabIndex:()=>L.value,setTabIndex:e=>{L.value=e!=null?Number(e):null},focus:()=>{var e;(e=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||e.focus()},reload:()=>i.reloadHisonComponent(N)},i.hisonCloser.component.filesetList[c]=m.value,o("mounted",m.value))},K=()=>{i.unregisterReloadable(N),delete i.hisonCloser.component.filesetList[c]};return l.onMounted(G),l.onBeforeUnmount(K),l.watch(()=>t.modelValue,e=>{JSON.stringify(e)!==JSON.stringify(n.value)&&(n.value=[...e])},{deep:!0}),l.watch(U,e=>{P(),o("responsive-change",e)}),l.watch(()=>t.visible,e=>{const a=!!e;a!==s.value&&(s.value=a)}),l.watch(()=>t.editMode,e=>{e&&e!==d.value&&(d.value=e,l.nextTick(()=>{var a;return(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null?void 0:a.setDisable(B.value)}))}),l.watch(()=>t.attId,e=>{const a=e??"";a!==j.value&&(j.value=a)}),l.watch(()=>t.addButtonText,e=>{const a=e??"";a!==E.value&&(E.value=a)}),l.watch(()=>t.removeButtonText,e=>{const a=e??"";a!==x.value&&(x.value=a)}),l.watch(()=>t.placeholder,e=>{const a=e??"";a!==A.value&&(A.value=a)}),l.watch(()=>t.enableDrop,e=>{const a=!!e;a!==M.value&&(M.value=a)}),l.watch(()=>t.downloadHandler,e=>{const a=typeof e=="function"?e:void 0;a!==$.value&&($.value=a)}),l.watch(()=>t.multiCols,e=>{const a=!!e;a!==O.value&&(O.value=a)}),l.watch(()=>t.multiple,e=>{const a=!!e;a!==h.value&&(h.value=a)}),l.watch(()=>t.allowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(y.value)&&(y.value=u)}),l.watch(()=>t.disallowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(w.value)&&(w.value=u)}),l.watch(()=>t.maxFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==b.value&&(b.value=a)}),l.watch(()=>t.maxTotalFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==C.value&&(C.value=a)}),l.watch(()=>t.maxFileCount,e=>{const a=Number(e);Number.isInteger(a)&&a>=0&&a!==D.value&&(D.value=a)}),l.watch(()=>t.onDisallowedType,e=>{const a=typeof e=="function"?e:void 0;a!==g.value&&(g.value=a)}),l.watch(()=>t.onMaxFileSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==z.value&&(z.value=a)}),l.watch(()=>t.onMaxTotalSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==k.value&&(k.value=a)}),l.watch(()=>t.tabIndex,e=>{const a=e===null||e===""?null:Number(e);a!==L.value&&(L.value=a)}),l.watch(()=>t.class,()=>{P()}),{fileInputRef:F,id:c,props:t,visibleFiles:ne,filesetMethods:m,responsiveClassList:I,buttonClassList:ee,visibleClass:Z,editModeClass:Y,disable:B,readonly:X,addButtonText:E,removeButtonText:x,placeholder:A,isDragging:R,multiCols:O,multiple:h,accept:_,tabIndex:L,openFileDialog:te,removeFile:ie,onFileChange:oe,downloadFile:se,handleDragEnter:ue,handleDrop:de}}}),ve={key:0,class:"file-placeholder"},me=["onClick"],ye=["disabled","onClick"],be={class:"hison-fileset-remove-text"},ge={key:0,class:"add-btn-container"},pe={key:1,class:"hison-fileset-add-text"},he=["id","accept","multiple"];function we(t,o,F,n,m,c){const N=l.resolveComponent("HButton");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["hison-wrapper",...t.responsiveClassList,t.visibleClass])},[l.createElementVNode("div",{class:l.normalizeClass(["hison-fileset",t.editModeClass]),style:l.normalizeStyle(t.props.style)},[l.createElementVNode("div",{class:l.normalizeClass(["file-list-wrapper",{"drag-over":t.isDragging}]),onDragover:o[0]||(o[0]=l.withModifiers(()=>{},["prevent"])),onDragenter:o[1]||(o[1]=l.withModifiers((...s)=>t.handleDragEnter&&t.handleDragEnter(...s),["prevent"])),onDragleave:o[2]||(o[2]=l.withModifiers(s=>t.isDragging=!1,["prevent"])),onDrop:o[3]||(o[3]=l.withModifiers((...s)=>t.handleDrop&&t.handleDrop(...s),["prevent"]))},[l.createElementVNode("div",{class:l.normalizeClass(["file-list",{"multi-cols":t.multiCols}])},[t.visibleFiles.length===0&&t.placeholder?(l.openBlock(),l.createElementBlock("div",ve,l.toDisplayString(t.placeholder),1)):(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(t.visibleFiles,(s,d)=>(l.openBlock(),l.createElementBlock("div",{key:d,class:"file-item"},[l.renderSlot(t.$slots,"file-icon",{file:s}),l.createElementVNode("span",{class:l.normalizeClass(["file-name",{clickable:s.file||s.filePath}]),onClick:B=>t.downloadFile(s)},l.toDisplayString(s.fileName),11,me),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[t.$slots["remove-button"]?l.renderSlot(t.$slots,"remove-button",{key:0,file:s,index:d,remove:()=>t.removeFile(d),disable:t.disable}):(l.openBlock(),l.createElementBlock("button",{key:1,class:l.normalizeClass(["delete-btn",{"hison-disable":t.disable}]),disabled:t.disable,onClick:B=>t.removeFile(d)},[l.createElementVNode("span",be,l.toDisplayString(t.removeButtonText),1)],10,ye))],64))]))),128))],2)],34),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",ge,[l.createVNode(N,{onClick:t.openFileDialog,onFocus:o[4]||(o[4]=s=>t.$emit("focus",t.filesetMethods)),onBlur:o[5]||(o[5]=s=>t.$emit("blur",t.filesetMethods)),id:`hison_fileset_add_button_${t.id}`,disable:t.disable,class:l.normalizeClass([...t.buttonClassList]),tabindex:t.tabIndex??void 0},{default:l.withCtx(()=>[t.$slots["add-button"]?l.renderSlot(t.$slots,"add-button",{key:0,add:t.openFileDialog}):(l.openBlock(),l.createElementBlock("span",pe,l.toDisplayString(t.addButtonText),1))]),_:3},8,["onClick","id","disable","class","tabindex"])])),l.createElementVNode("input",{id:`hison_fileset_${t.id}`,ref:"fileInputRef",type:"file",accept:t.accept||void 0,multiple:t.multiple,hidden:"",onChange:o[6]||(o[6]=(...s)=>t.onFileChange&&t.onFileChange(...s))},null,40,he)],6)],2)}const Ce=re._export_sfc(fe,[["render",we]]);exports.default=Ce;

package/dist/{HGap-Czf2P45i.js → HGap-BFE_cRNa.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-D5IuFXUo.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),R={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},backgroundType:{type:String,default:n.BackgroundType.empty,validator:l=>n.BACKGROUND_TYPE_VALUES.includes(l)},line:{type:String,default:"none",validator:l=>n.H_GAP_RULE_VALUES.includes(l)},lineStyle:{type:String,default:"solid",validator:l=>n.H_GAP_LINE_STYLE_VALUES.includes(l)},lineWidth:{type:[Number,String],default:1},lineColor:{type:String,default:""}},V=t.defineComponent({name:"HGap",props:R,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(l,{emit:y}){const h=t.ref(null),g=t.ref(null),a=l.id?l.id:n.getUUID(),f=`hgap:${a}`,C=n.useDevice(),u=t.ref(l.visible),c=t.ref(l.border??!1),d=t.ref(l.backgroundType??n.BackgroundType.empty),v=t.ref(l.line),i=t.ref(l.lineStyle||"solid"),r=t.ref(l.lineWidth??1),p=t.ref(l.lineColor||""),b=t.computed(()=>{var w,$;const e=String(p.value||"").trim(),o=n.getHexCodeFromColorText(e);if(o)return o;if(e)return e;const k=n.getSpecificClassValueFromClassList(s.value,"color"),B=k?n.getHexCodeFromColorText(k):null;return B||(($=(w=n.hisonCloser)==null?void 0:w.componentStyle)==null?void 0:$.mutedColor)||"#999999"}),S=t.computed(()=>{const e=r.value;return typeof e=="number"?`${e}px`:String(e||"1px")}),z=t.computed(()=>({borderTop:`${S.value} ${i.value} ${b.value}`})),E=t.computed(()=>({borderLeft:`${S.value} ${i.value} ${b.value}`})),H=t.computed(()=>u.value?"":"hison-display-none"),N=t.computed(()=>c.value?"hison-border":""),_=t.computed(()=>{switch(d.value){case n.BackgroundType.empty:return"hison-bg-empty";case n.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),s=t.ref([]),m=()=>{s.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",C.value),n.addComponentNameToClass(s.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(s.value,"color","primary"),n.getIndexSpecificClassNameFromClassList(s.value,"col")===-1&&s.value.push("hison-col-12")},L=()=>{n.hisonCloser.component.gapList[a]&&n.hisonCloser.component.gapList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The gap ID is at risk of being duplicated. ${a}`),n.registerReloadable(f,()=>{T(),t.nextTick(L)}),m(),g.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"gap",isVisible:()=>u.value,setVisible:e=>{u.value=e},isBorder:()=>c.value,setBorder:e=>{c.value=e},getBackgroundType:()=>d.value,setBackgroundType:e=>{d.value=e},getLine:()=>v.value,setLine:e=>{v.value=e},getLineStyle:()=>i.value,setLineStyle:e=>{i.value=e},getLineWidth:()=>r.value,setLineWidth:e=>{r.value=e},getLineColor:()=>p.value,setLineColor:e=>{p.value=e??""},reload:()=>n.reloadHisonComponent(f)},n.hisonCloser.component.gapList[a]=g.value,y("mounted",g.value)},T=()=>{n.unregisterReloadable(f),delete n.hisonCloser.component.gapList[a]};return t.onMounted(L),t.onBeforeUnmount(T),t.watch(C,e=>{m(),y("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==u.value&&(u.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==c.value&&(c.value=o)}),t.watch(()=>l.backgroundType,e=>{e&&e!==d.value&&(d.value=e)}),t.watch(()=>l.line,e=>{(e==="none"||e==="horizontal"||e==="vertical")&&e!==v.value&&(v.value=e)}),t.watch(()=>l.lineStyle,e=>{["solid","dashed","dotted","double","groove","ridge","inset","outset"].includes(e)&&e!==i.value&&(i.value=e)}),t.watch(()=>l.lineWidth,e=>{const o=typeof e=="number"&&Number.isFinite(e)&&e>=0||typeof e=="string"?e:r.value;o!==r.value&&(r.value=o)}),t.watch(()=>l.lineColor,e=>{const o=(e??"").toString();o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{m()}),{gapRef:h,props:l,line:v,visibleClass:H,borderClass:N,backgroundTypeClass:_,responsiveClassList:s,horizontalStyle:z,verticalStyle:E}}});function U(l,y,h,g,a,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[t.createElementVNode("div",{ref:"gapRef",class:t.normalizeClass(["hison-gap",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle(l.props.style)},[l.line==="horizontal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-gap-line-horizontal",style:t.normalizeStyle(l.horizontalStyle)},null,4)):l.line==="vertical"?(t.openBlock(),t.createElementBlock("div",{key:1,class:"hison-gap-line-vertical",style:t.normalizeStyle(l.verticalStyle)},null,4)):t.createCommentVNode("",!0)],6)],2)}const x=A._export_sfc(V,[["render",U]]);exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-u-g5zFbx.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),R={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},backgroundType:{type:String,default:n.BackgroundType.empty,validator:l=>n.BACKGROUND_TYPE_VALUES.includes(l)},line:{type:String,default:"none",validator:l=>n.H_GAP_RULE_VALUES.includes(l)},lineStyle:{type:String,default:"solid",validator:l=>n.H_GAP_LINE_STYLE_VALUES.includes(l)},lineWidth:{type:[Number,String],default:1},lineColor:{type:String,default:""}},V=t.defineComponent({name:"HGap",props:R,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(l,{emit:y}){const h=t.ref(null),g=t.ref(null),a=l.id?l.id:n.getUUID(),f=`hgap:${a}`,C=n.useDevice(),u=t.ref(l.visible),c=t.ref(l.border??!1),d=t.ref(l.backgroundType??n.BackgroundType.empty),v=t.ref(l.line),i=t.ref(l.lineStyle||"solid"),r=t.ref(l.lineWidth??1),p=t.ref(l.lineColor||""),b=t.computed(()=>{var w,$;const e=String(p.value||"").trim(),o=n.getHexCodeFromColorText(e);if(o)return o;if(e)return e;const k=n.getSpecificClassValueFromClassList(s.value,"color"),B=k?n.getHexCodeFromColorText(k):null;return B||(($=(w=n.hisonCloser)==null?void 0:w.componentStyle)==null?void 0:$.mutedColor)||"#999999"}),S=t.computed(()=>{const e=r.value;return typeof e=="number"?`${e}px`:String(e||"1px")}),z=t.computed(()=>({borderTop:`${S.value} ${i.value} ${b.value}`})),E=t.computed(()=>({borderLeft:`${S.value} ${i.value} ${b.value}`})),H=t.computed(()=>u.value?"":"hison-display-none"),N=t.computed(()=>c.value?"hison-border":""),_=t.computed(()=>{switch(d.value){case n.BackgroundType.empty:return"hison-bg-empty";case n.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),s=t.ref([]),m=()=>{s.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",C.value),n.addComponentNameToClass(s.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(s.value,"color","primary"),n.getIndexSpecificClassNameFromClassList(s.value,"col")===-1&&s.value.push("hison-col-12")},L=()=>{n.hisonCloser.component.gapList[a]&&n.hisonCloser.component.gapList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The gap ID is at risk of being duplicated. ${a}`),n.registerReloadable(f,()=>{T(),t.nextTick(L)}),m(),g.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"gap",isVisible:()=>u.value,setVisible:e=>{u.value=e},isBorder:()=>c.value,setBorder:e=>{c.value=e},getBackgroundType:()=>d.value,setBackgroundType:e=>{d.value=e},getLine:()=>v.value,setLine:e=>{v.value=e},getLineStyle:()=>i.value,setLineStyle:e=>{i.value=e},getLineWidth:()=>r.value,setLineWidth:e=>{r.value=e},getLineColor:()=>p.value,setLineColor:e=>{p.value=e??""},reload:()=>n.reloadHisonComponent(f)},n.hisonCloser.component.gapList[a]=g.value,y("mounted",g.value)},T=()=>{n.unregisterReloadable(f),delete n.hisonCloser.component.gapList[a]};return t.onMounted(L),t.onBeforeUnmount(T),t.watch(C,e=>{m(),y("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==u.value&&(u.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==c.value&&(c.value=o)}),t.watch(()=>l.backgroundType,e=>{e&&e!==d.value&&(d.value=e)}),t.watch(()=>l.line,e=>{(e==="none"||e==="horizontal"||e==="vertical")&&e!==v.value&&(v.value=e)}),t.watch(()=>l.lineStyle,e=>{["solid","dashed","dotted","double","groove","ridge","inset","outset"].includes(e)&&e!==i.value&&(i.value=e)}),t.watch(()=>l.lineWidth,e=>{const o=typeof e=="number"&&Number.isFinite(e)&&e>=0||typeof e=="string"?e:r.value;o!==r.value&&(r.value=o)}),t.watch(()=>l.lineColor,e=>{const o=(e??"").toString();o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{m()}),{gapRef:h,props:l,line:v,visibleClass:H,borderClass:N,backgroundTypeClass:_,responsiveClassList:s,horizontalStyle:z,verticalStyle:E}}});function U(l,y,h,g,a,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[t.createElementVNode("div",{ref:"gapRef",class:t.normalizeClass(["hison-gap",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle(l.props.style)},[l.line==="horizontal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-gap-line-horizontal",style:t.normalizeStyle(l.horizontalStyle)},null,4)):l.line==="vertical"?(t.openBlock(),t.createElementBlock("div",{key:1,class:"hison-gap-line-vertical",style:t.normalizeStyle(l.verticalStyle)},null,4)):t.createCommentVNode("",!0)],6)],2)}const x=A._export_sfc(V,[["render",U]]);exports.default=x;

package/dist/{HGap-DT1OZETi.mjs → HGap-ESgOWL2x.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as D, ref as n, computed as i, onMounted as P, onBeforeUnmount as q, watch as s, nextTick as O, createElementBlock as S, openBlock as L, normalizeClass as U, createElementVNode as j, normalizeStyle as T, createCommentVNode as M } from "vue";
-import { z as Y, A as K, B as J, f as b, g as Q, u as X, F as V, o as Z, h as c, e as ee, t as te, b as W, a as le, r as ne, c as se, d as ae } from "./index-B9qMfmIX.mjs";
+import { z as Y, A as K, B as J, f as b, g as Q, u as X, F as V, o as Z, h as c, e as ee, t as te, b as W, a as le, r as ne, c as se, d as ae } from "./index-CGtmnY7e.mjs";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const ie = {
   /**