hisonvue 1.0.5 → 1.0.6

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 (59) hide show
  1. package/dist/{HAccordion-ll-4cIAw.mjs → HAccordion-DF3nVecV.mjs} +2 -2
  2. package/dist/{HAccordion-CPtgQUK0.js → HAccordion-DOOZ-cp8.js} +1 -1
  3. package/dist/{HBaggie-D6omQoFh.js → HBaggie-BS9EOCwx.js} +1 -1
  4. package/dist/{HBaggie-D_7mEiuV.mjs → HBaggie-ls0EmS6D.mjs} +2 -2
  5. package/dist/{HBanner-DmcMOFqS.mjs → HBanner-B4wgOfzY.mjs} +2 -2
  6. package/dist/{HBanner-Io4SdGGs.js → HBanner-COBAvXo0.js} +1 -1
  7. package/dist/{HButton-DAVuDmOQ.js → HButton--7fP_vis.js} +1 -1
  8. package/dist/{HButton-DAriO81x.mjs → HButton-BK-ZbuUQ.mjs} +2 -2
  9. package/dist/{HCalendar-w18iIB90.mjs → HCalendar-DmdKh3Qo.mjs} +2 -2
  10. package/dist/{HCalendar-DKwGatUk.js → HCalendar-a5EHwb5A.js} +2 -2
  11. package/dist/{HCaption-6CbSqRA7.js → HCaption-C_vEGNoa.js} +1 -1
  12. package/dist/{HCaption-DwsXHDNK.mjs → HCaption-DO68MwY6.mjs} +1 -1
  13. package/dist/{HChart-C86JXUyW.js → HChart-9E_I-x6Y.js} +1 -1
  14. package/dist/{HChart-CcArHFr0.mjs → HChart-BVRcRsT3.mjs} +1 -1
  15. package/dist/{HDrawer-DG1O42iF.mjs → HDrawer-BGvH_WSe.mjs} +1 -1
  16. package/dist/{HDrawer-U5VC_okK.js → HDrawer-CyBGVCBD.js} +1 -1
  17. package/dist/{HDropdown-Bs7AfefJ.mjs → HDropdown-32cdUXbK.mjs} +2 -2
  18. package/dist/{HDropdown-D4RAGmjE.js → HDropdown-D6cW14fc.js} +1 -1
  19. package/dist/{HFileset-BGuP9O4l.mjs → HFileset-B1qWPkxl.mjs} +1 -1
  20. package/dist/{HFileset-CuPR6Hwf.js → HFileset-BF4UVyu4.js} +1 -1
  21. package/dist/{HGap-BPAdnOQz.js → HGap-DFyCoOJ5.js} +1 -1
  22. package/dist/{HGap-DzGrfWVt.mjs → HGap-DLd-xSyD.mjs} +1 -1
  23. package/dist/HGrid-DW-cQ3on.js +1 -0
  24. package/dist/{HGrid-BiIhVCv_.mjs → HGrid-pnp7TclN.mjs} +8 -8
  25. package/dist/{HImagebox-t_UdFjQO.js → HImagebox-CcLBY_a2.js} +1 -1
  26. package/dist/{HImagebox-D_DKeCrO.mjs → HImagebox-CrcuUhRU.mjs} +1 -1
  27. package/dist/{HInput-BEyJqYkD.mjs → HInput-ChSLa05p.mjs} +1 -1
  28. package/dist/{HInput-DMGLY473.js → HInput-DEZ6MbLr.js} +1 -1
  29. package/dist/{HInputGroup-Dcfr23sZ.js → HInputGroup-By4XNJU6.js} +1 -1
  30. package/dist/{HInputGroup-D37WTYoI.mjs → HInputGroup-CjYjDbBQ.mjs} +1 -1
  31. package/dist/{HLabel-Dm48mSwn.js → HLabel-BX6neUF1.js} +1 -1
  32. package/dist/{HLabel-B2FOqSiS.mjs → HLabel-aTZYkQw1.mjs} +2 -2
  33. package/dist/{HLayout-BbCEm_aO.mjs → HLayout-BLp-fgKU.mjs} +1 -1
  34. package/dist/{HLayout-C1e4BZ_K.js → HLayout-DEseTam_.js} +1 -1
  35. package/dist/{HList-eNXmMf27.js → HList-BDvvtTrI.js} +1 -1
  36. package/dist/{HList-CAeYb-hz.mjs → HList-DU0geFQh.mjs} +2 -2
  37. package/dist/{HModal-BDBEEpKm.mjs → HModal-D3oCVpWD.mjs} +1 -1
  38. package/dist/{HModal-GODLq3wH.js → HModal-DOrSoz2M.js} +1 -1
  39. package/dist/{HNote-D_Xwu9oL.js → HNote-3-iGUI9U.js} +1 -1
  40. package/dist/{HNote-CWnUjt3_.mjs → HNote-BmfnGJHZ.mjs} +1 -1
  41. package/dist/{HPagination-Db_L9wv-.js → HPagination-C8gUshha.js} +1 -1
  42. package/dist/{HPagination-e5e2a5GS.mjs → HPagination-CQRz-Z4t.mjs} +2 -2
  43. package/dist/{HParagraph-DYuB-qjY.mjs → HParagraph-BDxl9UgO.mjs} +1 -1
  44. package/dist/{HParagraph-BRuSeOMU.js → HParagraph-BStWjxxd.js} +1 -1
  45. package/dist/{HPopup-Brp1FVpm.mjs → HPopup-Cc80agmP.mjs} +1 -1
  46. package/dist/{HPopup-ChkoI3xm.js → HPopup-D7DbbSxf.js} +1 -1
  47. package/dist/{HSpinner-DOq2k5kT.mjs → HSpinner-9m6Xgu_g.mjs} +1 -1
  48. package/dist/{HSpinner-DDtU9PL_.js → HSpinner-Cw0YH36D.js} +1 -1
  49. package/dist/{HTable-DGFnzD4u.js → HTable-B_h-t7HB.js} +1 -1
  50. package/dist/{HTable-GCDP5O_J.mjs → HTable-ynCYS0Ah.mjs} +1 -1
  51. package/dist/hisonvue.cjs.js +1 -1
  52. package/dist/hisonvue.css +1 -1
  53. package/dist/hisonvue.es.js +2 -2
  54. package/dist/{index-BmKMHsSZ.js → index-CNLboPo7.js} +2 -2
  55. package/dist/{index-DUh7pai4.mjs → index-D_yqQfj7.mjs} +2 -2
  56. package/dist/{setButtonCssEvent-dBs1GcAh.mjs → setButtonCssEvent-Cth_qAIe.mjs} +1 -1
  57. package/dist/{setButtonCssEvent-B9WTs2X7.js → setButtonCssEvent-Dghl_9dx.js} +1 -1
  58. package/package.json +1 -1
  59. package/dist/HGrid-C3EV_pgM.js +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-BmKMHsSZ.js"),D=require("./_plugin-vue_export-helper-BHFhmbuH.js"),B={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},type:{type:String,required:!0},modelValue:{type:Object,required:!0},options:{type:Object,required:!1},visible:{type:Boolean,default:!0},loadDelay:{type:Number,default:500}},F=t.defineComponent({name:"HChart",props:B,emits:["update:modelValue","mounted","responsive-change"],setup(n,{emit:g,attrs:A}){const r=n.id||s.getUUID(),v=`hchart:${r}`,h=t.ref(null),o=t.ref(null),m=t.ref(n.visible),S=t.computed(()=>m.value?"":"hison-display-none"),b=s.useDevice(),c=t.ref([]),u=t.ref(!1),f=t.ref(n.loadDelay??500);let i=null,y=!0,l=!1;const w=()=>{c.value=s.extractResponsiveClasses(s.toClassString(n.class)||"",b.value),s.getIndexSpecificClassNameFromClassList(c.value,"col")===-1&&c.value.push("hison-col-12"),s.addComponentNameToClass(c.value,"size",s.hisonCloser.componentStyle.size),s.addComponentNameToClass(c.value,"color","primary")},d=e=>{if(Array.isArray(e))return e.map(a=>typeof a=="string"?s.getRGBAFromColorText(a)||a:typeof a=="object"&&a!==null?d(a):a);if(typeof e=="object"&&e!==null){const a={};for(const[p,C]of Object.entries(e))if(typeof C=="string"&&/color/i.test(p)){const L=s.getRGBAFromColorText(C);a[p]=L||C}else a[p]=d(C);return a}return e};function R(e){return!e||typeof e!="object"||!Array.isArray(e.datasets)?{datasets:[]}:{...e,datasets:e.datasets.filter(a=>!!a)}}function T(e){return!e||typeof e!="object"?{}:e}function q(){if(!y||l)return;if(!h.value){console.warn("[mountChart] canvasRef.value is null");return}w(),o.value=t.markRaw(new s.Chart(h.value,{type:n.type,data:R(d(t.toRaw(n.modelValue))),options:T(d(t.toRaw(n.options)))}));const e=o.value;e.isHisonvueComponent=!0,e.getId=()=>r,e.getType=()=>"chart",e.isVisible=()=>m.value,e.setVisible=a=>{m.value=a},e.getLoadDelay=()=>f.value,e.setLoadDelay=a=>{f.value=a},e.reload=()=>s.reloadHisonComponent(v),s.hisonCloser.component.chartList[r]&&s.hisonCloser.component.chartList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${r}`),s.hisonCloser.component.chartList[r]=e,g("mounted",s.hisonCloser.component.chartList[r])}const j=async()=>{var a;l=!0,i!==null&&(clearTimeout(i),i=null);const e=o.value;if(e)try{try{(a=e.stop)==null||a.call(e)}catch{}e.destroy()}catch{}finally{o.value=null}delete s.hisonCloser.component.chartList[r],u.value=!0,await t.nextTick()},k=async()=>{u.value&&(!y||l||(u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)))};return s.registerReloadable(v,async()=>{await j(),await k()}),t.onMounted(async()=>{u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)}),t.onBeforeUnmount(async()=>{y=!1,i!==null&&(clearTimeout(i),i=null),await j(),s.unregisterReloadable(v)}),t.watch(b,()=>{var e;l||(w(),(e=o.value)==null||e.resize(),g("responsive-change",b.value))}),t.watch(()=>n.modelValue,e=>{u.value||l||!o.value||!e||typeof e!="object"||!Array.isArray(e.datasets)||(o.value.data=R(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.options,e=>{u.value||l||!o.value||!e||typeof e!="object"||(o.value.options=T(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.visible,e=>{e!==m.value&&(m.value=!!e)}),t.watch(()=>n.loadDelay,e=>{const a=Number(e);Number.isFinite(a)&&a>=0&&a!==f.value&&(f.value=a)}),t.watch(()=>n.class,()=>w()),t.watch(()=>n.type,()=>{l||s.reloadHisonComponent(v)}),{canvasRef:h,props:n,attrs:A,visibleClass:S,responsiveClassList:c,isPending:u}}});function H(n,g,A,r,v,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-chart","hison-wrapper",...n.responsiveClassList,n.visibleClass]),style:t.normalizeStyle(n.props.style)},[n.isPending?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("canvas",t.mergeProps({key:0,ref:"canvasRef"},n.attrs),null,16))],6)}const I=D._export_sfc(F,[["render",H]]);exports.default=I;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-CNLboPo7.js"),D=require("./_plugin-vue_export-helper-BHFhmbuH.js"),B={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},type:{type:String,required:!0},modelValue:{type:Object,required:!0},options:{type:Object,required:!1},visible:{type:Boolean,default:!0},loadDelay:{type:Number,default:500}},F=t.defineComponent({name:"HChart",props:B,emits:["update:modelValue","mounted","responsive-change"],setup(n,{emit:g,attrs:A}){const r=n.id||s.getUUID(),v=`hchart:${r}`,h=t.ref(null),o=t.ref(null),m=t.ref(n.visible),S=t.computed(()=>m.value?"":"hison-display-none"),b=s.useDevice(),c=t.ref([]),u=t.ref(!1),f=t.ref(n.loadDelay??500);let i=null,y=!0,l=!1;const w=()=>{c.value=s.extractResponsiveClasses(s.toClassString(n.class)||"",b.value),s.getIndexSpecificClassNameFromClassList(c.value,"col")===-1&&c.value.push("hison-col-12"),s.addComponentNameToClass(c.value,"size",s.hisonCloser.componentStyle.size),s.addComponentNameToClass(c.value,"color","primary")},d=e=>{if(Array.isArray(e))return e.map(a=>typeof a=="string"?s.getRGBAFromColorText(a)||a:typeof a=="object"&&a!==null?d(a):a);if(typeof e=="object"&&e!==null){const a={};for(const[p,C]of Object.entries(e))if(typeof C=="string"&&/color/i.test(p)){const L=s.getRGBAFromColorText(C);a[p]=L||C}else a[p]=d(C);return a}return e};function R(e){return!e||typeof e!="object"||!Array.isArray(e.datasets)?{datasets:[]}:{...e,datasets:e.datasets.filter(a=>!!a)}}function T(e){return!e||typeof e!="object"?{}:e}function q(){if(!y||l)return;if(!h.value){console.warn("[mountChart] canvasRef.value is null");return}w(),o.value=t.markRaw(new s.Chart(h.value,{type:n.type,data:R(d(t.toRaw(n.modelValue))),options:T(d(t.toRaw(n.options)))}));const e=o.value;e.isHisonvueComponent=!0,e.getId=()=>r,e.getType=()=>"chart",e.isVisible=()=>m.value,e.setVisible=a=>{m.value=a},e.getLoadDelay=()=>f.value,e.setLoadDelay=a=>{f.value=a},e.reload=()=>s.reloadHisonComponent(v),s.hisonCloser.component.chartList[r]&&s.hisonCloser.component.chartList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${r}`),s.hisonCloser.component.chartList[r]=e,g("mounted",s.hisonCloser.component.chartList[r])}const j=async()=>{var a;l=!0,i!==null&&(clearTimeout(i),i=null);const e=o.value;if(e)try{try{(a=e.stop)==null||a.call(e)}catch{}e.destroy()}catch{}finally{o.value=null}delete s.hisonCloser.component.chartList[r],u.value=!0,await t.nextTick()},k=async()=>{u.value&&(!y||l||(u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)))};return s.registerReloadable(v,async()=>{await j(),await k()}),t.onMounted(async()=>{u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)}),t.onBeforeUnmount(async()=>{y=!1,i!==null&&(clearTimeout(i),i=null),await j(),s.unregisterReloadable(v)}),t.watch(b,()=>{var e;l||(w(),(e=o.value)==null||e.resize(),g("responsive-change",b.value))}),t.watch(()=>n.modelValue,e=>{u.value||l||!o.value||!e||typeof e!="object"||!Array.isArray(e.datasets)||(o.value.data=R(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.options,e=>{u.value||l||!o.value||!e||typeof e!="object"||(o.value.options=T(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.visible,e=>{e!==m.value&&(m.value=!!e)}),t.watch(()=>n.loadDelay,e=>{const a=Number(e);Number.isFinite(a)&&a>=0&&a!==f.value&&(f.value=a)}),t.watch(()=>n.class,()=>w()),t.watch(()=>n.type,()=>{l||s.reloadHisonComponent(v)}),{canvasRef:h,props:n,attrs:A,visibleClass:S,responsiveClassList:c,isPending:u}}});function H(n,g,A,r,v,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-chart","hison-wrapper",...n.responsiveClassList,n.visibleClass]),style:t.normalizeStyle(n.props.style)},[n.isPending?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("canvas",t.mergeProps({key:0,ref:"canvasRef"},n.attrs),null,16))],6)}const I=D._export_sfc(F,[["render",H]]);exports.default=I;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as B, ref as d, computed as P, onMounted as U, nextTick as L, onBeforeUnmount as _, watch as i, toRaw as g, markRaw as x, createElementBlock as I, openBlock as k, normalizeStyle as V, normalizeClass as E, createCommentVNode as G, mergeProps as M } from "vue";
2
- import { g as J, u as K, r as Q, d as W, c as F, e as X, t as Y, a as Z, b as H, h as v, p as N, C as ee } from "./index-DUh7pai4.mjs";
2
+ import { g as J, u as K, r as Q, d as W, c as F, e as X, t as Y, a as Z, b as H, h as v, p as N, C as ee } from "./index-D_yqQfj7.mjs";
3
3
  import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const ae = {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as ze, ref as n, computed as u, onMounted as Ve, onBeforeUnmount as Pe, watch as a, unref as j, nextTick as A, resolveComponent as He, createElementBlock as se, openBlock as ne, normalizeClass as R, createCommentVNode as Y, createElementVNode as F, normalizeStyle as G, renderSlot as D, createVNode as Re, createSlots as De, withCtx as ae } from "vue";
2
- import { g as Ne, u as We, j as qe, t as ie, e as Ue, b as re, h as O, r as Xe, c as Ze, d as Me } from "./index-DUh7pai4.mjs";
2
+ import { g as Ne, u as We, j as qe, t as ie, e as Ue, b as re, h as O, r as Xe, c as Ze, d as Me } from "./index-D_yqQfj7.mjs";
3
3
  import { a as je, r as Ye } from "./scrollManager-BGnq4wyt.mjs";
4
4
  import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const Ge = ["top", "bottom", "left", "right"], Je = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-BmKMHsSZ.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-CNLboPo7.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;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as de, ref as o, computed as d, onMounted as ve, onBeforeUnmount as ce, watch as i, unref as J, nextTick as ge, createElementBlock as $, openBlock as B, normalizeStyle as L, normalizeClass as U, createElementVNode as h, withKeys as Q, withModifiers as Z, renderSlot as me, toDisplayString as _, createCommentVNode as fe, Fragment as ye, renderList as be } from "vue";
2
- import { T as pe, w as m, D as he, x as Se, E as we, y as z, g as Ce, u as Ae, e as Ne, t as Ie, b as ee, h as S, r as Te, c as Ee, d as Oe } from "./index-DUh7pai4.mjs";
3
- import { a as De, r as ke } from "./setButtonCssEvent-dBs1GcAh.mjs";
2
+ import { T as pe, w as m, D as he, x as Se, E as we, y as z, g as Ce, u as Ae, e as Ne, t as Ie, b as ee, h as S, r as Te, c as Ee, d as Oe } from "./index-D_yqQfj7.mjs";
3
+ import { a as De, r as ke } from "./setButtonCssEvent-Cth_qAIe.mjs";
4
4
  import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const Ve = {
6
6
  /**
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),o=require("./index-BmKMHsSZ.js"),j=require("./setButtonCssEvent-B9WTs2X7.js"),Q=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Z={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:t=>o.EDIT_MODE_VALUES.includes(t)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:t=>o.DROPDOWN_TRIGGER_VALUES.includes(t)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:t=>Number.isFinite(t)&&t>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:t=>o.TEXT_ALIGN_VALUES.includes(t)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:t=>Number.isFinite(t)&&t>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},_=l.defineComponent({name:"HDropdown",props:Z,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(t,{emit:a}){var $,z;const c=t.id||o.getUUID(),I=`hdropdown:${c}`,s=l.ref(null),p=l.ref(null),i=o.useDevice(),u=l.ref(!1),d=l.ref((($=t.modelValue)==null?void 0:$.options)??[]),r=l.ref(((z=t.modelValue)==null?void 0:z.value)??null),m=l.ref(!!t.visible),f=l.ref(t.editMode),b=l.computed(()=>f.value===o.EditMode.disable),h=l.computed(()=>f.value===o.EditMode.readonly),M=l.ref(t.placeholder||""),S=l.ref(t.trigger),w=l.ref(t.textAlign??o.TextAlign.left),F=l.computed(()=>({textAlign:w.value})),C=l.ref(t.animate??!0),A=l.ref(t.duration??500),E=l.ref(t.easing??"ease"),T=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=l.computed(()=>({"--hdd-duration":`${A.value}ms`,"--hdd-easing":E.value})),G=l.computed(()=>m.value?"":"hison-display-none"),K=l.computed(()=>b.value?"hison-disable":""),P=l.computed(()=>h.value?"hison-readonly":""),O=l.ref([]),D=()=>{O.value=o.extractResponsiveClasses(o.toClassString(t.class)||"",i.value),o.addComponentNameToClass(O.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(O.value,"color","primary")},H=l.computed(()=>{const e=d.value.find(n=>n.value===r.value);return(e==null?void 0:e.label)??""}),N=l.ref(t.maxHeight??240),W=l.computed(()=>({maxHeight:`${N.value}px`,overflowY:"auto"})),k=l.ref(t.closeOnSelect??!0),X=l.computed(()=>{const e=d.value.findIndex(n=>n.value===r.value);return e>=0?`opt-${e}`:void 0}),R=e=>{if(!u.value)return;const n=e.target,g=!!s.value&&!!n&&s.value.contains(n),y=!!p.value&&!!n&&p.value.contains(n);!g&&!y&&V()},L=e=>{b.value||h.value||!m.value||u.value||(u.value=!0,a("open",e??null,v.value))},V=e=>{var y;if(!u.value)return;const n=document.activeElement,g=p.value;g&&n&&g.contains(n)&&((y=s.value)==null||y.focus()),u.value=!1,a("close",e??null,v.value)},B=e=>u.value?V(e):L(e),Y=e=>{S.value==="click"&&(b.value||h.value||(a("toggle-click",e,v.value),B(e)))},J=(e,n)=>{if(e.disabled||b.value||h.value)return;n&&a("item-click",n,v.value,e);const g=r.value;if(e.value!==g){r.value=e.value;const y={value:r.value,options:l.unref(d)};a("update:modelValue",y),a("change",g,r.value,v.value)}k.value&&V(n)},v=l.ref(null),x=()=>{o.hisonCloser.component.dropdownList[c]&&o.hisonCloser.component.dropdownList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${c}`),o.registerReloadable(I,()=>{q(),l.nextTick(x)}),s.value&&j.addButtonCssEvent(s.value),D(),v.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"dropdown",isVisible:()=>m.value,setVisible:e=>{m.value=e},getEditMode:()=>f.value,setEditMode:e=>{f.value=e},isOpen:()=>u.value,open:L,close:V,toggle:B,getValue:()=>r.value,setValue:e=>{r.value=e},getText:()=>H.value,getOptions:()=>l.unref(d),setOptions:e=>{d.value=Array.isArray(e)?e:[]},setTriggerType:e=>{S.value=e},getMaxHeight:()=>N.value,setMaxHeight:e=>{const n=Number(e);!Number.isFinite(n)||n<0||(N.value=n)},isCloseOnSelect:()=>k.value,setCloseOnSelect:e=>{k.value=!!e},getTextAlign:()=>w.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(w.value=e)},getAnimate:()=>C.value,setAnimate:e=>{C.value=!!e},getDuration:()=>A.value,setDuration:e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&(A.value=n)},getEasing:()=>E.value,setEasing:e=>{typeof e=="string"&&(E.value=e)},getTabIndex:()=>T.value,setTabIndex:e=>{T.value=e!=null?Number(e):null},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(I)},o.hisonCloser.component.dropdownList[c]=v.value,document.addEventListener("mousedown",R),a("mounted",v.value)},q=()=>{var e;o.unregisterReloadable(I);try{document.removeEventListener("mousedown",R)}catch{}s.value&&j.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[c]};return l.onMounted(x),l.onBeforeUnmount(q),l.watch(()=>t.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(d.value=e.options),r.value=e.value)},{deep:!0}),l.watch(i,e=>{D(),a("responsive-change",e)}),l.watch(()=>t.visible,e=>{!!e!==m.value&&(m.value=!!e)}),l.watch(()=>t.editMode,e=>{e&&e!==f.value&&(f.value=e)}),l.watch(()=>t.placeholder,e=>{const n=e??"";n!==M.value&&(M.value=n)}),l.watch(()=>t.trigger,e=>{e&&e!==S.value&&(S.value=e)}),l.watch(()=>t.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==w.value&&(w.value=e)}),l.watch(()=>t.animate,e=>{const n=!!e;n!==C.value&&(C.value=n)}),l.watch(()=>t.duration,e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&n!==A.value&&(A.value=n)}),l.watch(()=>t.easing,e=>{const n=typeof e=="string"?e:"ease";n!==E.value&&(E.value=n)}),l.watch(()=>t.tabIndex,e=>{const n=e===null||e===""?null:Number(e);n!==T.value&&(T.value=n)}),l.watch(()=>t.maxHeight,e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&n!==N.value&&(N.value=n)}),l.watch(()=>t.closeOnSelect,e=>{const n=!!e;n!==k.value&&(k.value=n)}),l.watch(()=>t.class,()=>{D()}),{toggleRef:s,menuRef:p,props:t,isDisabled:b,isReadonly:h,visibleClass:G,disableClass:K,readonlyClass:P,responsiveClassList:O,isOpen:u,trigger:S,selectedValue:r,selectedLabel:H,placeholder:M,activeDescId:X,menuInlineStyle:W,options:d,animate:C,rootInlineStyle:U,tabIndex:T,onToggleClick:Y,onSelect:J,textAlignStyle:F,open:L,close:V,toggle:B}}}),ee=["aria-expanded","aria-disabled","tabindex"],te={class:"hison-dropdown-label"},le=["aria-activedescendant","inert"],ne={class:"hison-dropdown-panel"},oe=["aria-selected","onClick"],ae={key:0,class:"hison-dropdown-empty"};function ie(t,a,c,I,s,p){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["hison-dropdown",...t.responsiveClassList,t.visibleClass,t.disableClass,t.readonlyClass,t.isOpen?"hison-open":"",t.animate?"":"hison-no-anim"]),style:l.normalizeStyle([t.rootInlineStyle,t.props.style]),onMouseenter:a[3]||(a[3]=i=>t.trigger==="hover"?t.open(i):null),onMouseleave:a[4]||(a[4]=i=>t.trigger==="hover"?t.close(i):null)},[l.createElementVNode("div",{ref:"toggleRef",class:l.normalizeClass(["hison-dropdown-toggle",[t.isDisabled?"hison-disable":"",t.isReadonly?"hison-readonly":""]]),"aria-expanded":t.isOpen,role:"combobox","aria-disabled":t.isDisabled||t.isReadonly?"true":"false",tabindex:t.tabIndex??void 0,style:l.normalizeStyle([t.textAlignStyle,t.props.toggleStyle]),onClick:a[0]||(a[0]=i=>t.onToggleClick(i)),onKeydown:[a[1]||(a[1]=l.withKeys(l.withModifiers(i=>t.onToggleClick(i),["prevent"]),["enter"])),a[2]||(a[2]=l.withKeys(l.withModifiers(i=>t.onToggleClick(i),["prevent"]),["space"]))]},[l.createElementVNode("span",te,l.toDisplayString(t.selectedLabel||t.placeholder),1),l.renderSlot(t.$slots,"caret",{},()=>[a[5]||(a[5]=l.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,ee),l.createElementVNode("div",{ref:"menuRef",class:"hison-dropdown-menu",style:l.normalizeStyle([t.textAlignStyle,t.props.menuStyle]),role:"listbox","aria-activedescendant":t.activeDescId,inert:!t.isOpen||void 0},[l.createElementVNode("div",ne,[l.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:l.normalizeStyle(t.menuInlineStyle)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.options,(i,u)=>(l.openBlock(),l.createElementBlock("div",{key:`opt-${u}`,class:l.normalizeClass(["hison-dropdown-item",[i.disabled?"hison-disable":"",i.value===t.selectedValue?"hison-selected":""]]),style:l.normalizeStyle(t.props.itemStyle),role:"option","aria-selected":i.value===t.selectedValue?"true":"false",onClick:d=>t.onSelect(i,d)},l.toDisplayString(i.label),15,oe))),128)),t.options.length===0?(l.openBlock(),l.createElementBlock("div",ae,"No options")):l.createCommentVNode("",!0)],4)])],12,le)],38)}const se=Q._export_sfc(_,[["render",ie]]);exports.default=se;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),o=require("./index-CNLboPo7.js"),j=require("./setButtonCssEvent-Dghl_9dx.js"),Q=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Z={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:t=>o.EDIT_MODE_VALUES.includes(t)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:t=>o.DROPDOWN_TRIGGER_VALUES.includes(t)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:t=>Number.isFinite(t)&&t>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:t=>o.TEXT_ALIGN_VALUES.includes(t)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:t=>Number.isFinite(t)&&t>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},_=l.defineComponent({name:"HDropdown",props:Z,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(t,{emit:a}){var $,z;const c=t.id||o.getUUID(),I=`hdropdown:${c}`,s=l.ref(null),p=l.ref(null),i=o.useDevice(),u=l.ref(!1),d=l.ref((($=t.modelValue)==null?void 0:$.options)??[]),r=l.ref(((z=t.modelValue)==null?void 0:z.value)??null),m=l.ref(!!t.visible),f=l.ref(t.editMode),b=l.computed(()=>f.value===o.EditMode.disable),h=l.computed(()=>f.value===o.EditMode.readonly),M=l.ref(t.placeholder||""),S=l.ref(t.trigger),w=l.ref(t.textAlign??o.TextAlign.left),F=l.computed(()=>({textAlign:w.value})),C=l.ref(t.animate??!0),A=l.ref(t.duration??500),E=l.ref(t.easing??"ease"),T=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=l.computed(()=>({"--hdd-duration":`${A.value}ms`,"--hdd-easing":E.value})),G=l.computed(()=>m.value?"":"hison-display-none"),K=l.computed(()=>b.value?"hison-disable":""),P=l.computed(()=>h.value?"hison-readonly":""),O=l.ref([]),D=()=>{O.value=o.extractResponsiveClasses(o.toClassString(t.class)||"",i.value),o.addComponentNameToClass(O.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(O.value,"color","primary")},H=l.computed(()=>{const e=d.value.find(n=>n.value===r.value);return(e==null?void 0:e.label)??""}),N=l.ref(t.maxHeight??240),W=l.computed(()=>({maxHeight:`${N.value}px`,overflowY:"auto"})),k=l.ref(t.closeOnSelect??!0),X=l.computed(()=>{const e=d.value.findIndex(n=>n.value===r.value);return e>=0?`opt-${e}`:void 0}),R=e=>{if(!u.value)return;const n=e.target,g=!!s.value&&!!n&&s.value.contains(n),y=!!p.value&&!!n&&p.value.contains(n);!g&&!y&&V()},L=e=>{b.value||h.value||!m.value||u.value||(u.value=!0,a("open",e??null,v.value))},V=e=>{var y;if(!u.value)return;const n=document.activeElement,g=p.value;g&&n&&g.contains(n)&&((y=s.value)==null||y.focus()),u.value=!1,a("close",e??null,v.value)},B=e=>u.value?V(e):L(e),Y=e=>{S.value==="click"&&(b.value||h.value||(a("toggle-click",e,v.value),B(e)))},J=(e,n)=>{if(e.disabled||b.value||h.value)return;n&&a("item-click",n,v.value,e);const g=r.value;if(e.value!==g){r.value=e.value;const y={value:r.value,options:l.unref(d)};a("update:modelValue",y),a("change",g,r.value,v.value)}k.value&&V(n)},v=l.ref(null),x=()=>{o.hisonCloser.component.dropdownList[c]&&o.hisonCloser.component.dropdownList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${c}`),o.registerReloadable(I,()=>{q(),l.nextTick(x)}),s.value&&j.addButtonCssEvent(s.value),D(),v.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"dropdown",isVisible:()=>m.value,setVisible:e=>{m.value=e},getEditMode:()=>f.value,setEditMode:e=>{f.value=e},isOpen:()=>u.value,open:L,close:V,toggle:B,getValue:()=>r.value,setValue:e=>{r.value=e},getText:()=>H.value,getOptions:()=>l.unref(d),setOptions:e=>{d.value=Array.isArray(e)?e:[]},setTriggerType:e=>{S.value=e},getMaxHeight:()=>N.value,setMaxHeight:e=>{const n=Number(e);!Number.isFinite(n)||n<0||(N.value=n)},isCloseOnSelect:()=>k.value,setCloseOnSelect:e=>{k.value=!!e},getTextAlign:()=>w.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(w.value=e)},getAnimate:()=>C.value,setAnimate:e=>{C.value=!!e},getDuration:()=>A.value,setDuration:e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&(A.value=n)},getEasing:()=>E.value,setEasing:e=>{typeof e=="string"&&(E.value=e)},getTabIndex:()=>T.value,setTabIndex:e=>{T.value=e!=null?Number(e):null},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(I)},o.hisonCloser.component.dropdownList[c]=v.value,document.addEventListener("mousedown",R),a("mounted",v.value)},q=()=>{var e;o.unregisterReloadable(I);try{document.removeEventListener("mousedown",R)}catch{}s.value&&j.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[c]};return l.onMounted(x),l.onBeforeUnmount(q),l.watch(()=>t.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(d.value=e.options),r.value=e.value)},{deep:!0}),l.watch(i,e=>{D(),a("responsive-change",e)}),l.watch(()=>t.visible,e=>{!!e!==m.value&&(m.value=!!e)}),l.watch(()=>t.editMode,e=>{e&&e!==f.value&&(f.value=e)}),l.watch(()=>t.placeholder,e=>{const n=e??"";n!==M.value&&(M.value=n)}),l.watch(()=>t.trigger,e=>{e&&e!==S.value&&(S.value=e)}),l.watch(()=>t.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==w.value&&(w.value=e)}),l.watch(()=>t.animate,e=>{const n=!!e;n!==C.value&&(C.value=n)}),l.watch(()=>t.duration,e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&n!==A.value&&(A.value=n)}),l.watch(()=>t.easing,e=>{const n=typeof e=="string"?e:"ease";n!==E.value&&(E.value=n)}),l.watch(()=>t.tabIndex,e=>{const n=e===null||e===""?null:Number(e);n!==T.value&&(T.value=n)}),l.watch(()=>t.maxHeight,e=>{const n=Number(e);Number.isFinite(n)&&n>=0&&n!==N.value&&(N.value=n)}),l.watch(()=>t.closeOnSelect,e=>{const n=!!e;n!==k.value&&(k.value=n)}),l.watch(()=>t.class,()=>{D()}),{toggleRef:s,menuRef:p,props:t,isDisabled:b,isReadonly:h,visibleClass:G,disableClass:K,readonlyClass:P,responsiveClassList:O,isOpen:u,trigger:S,selectedValue:r,selectedLabel:H,placeholder:M,activeDescId:X,menuInlineStyle:W,options:d,animate:C,rootInlineStyle:U,tabIndex:T,onToggleClick:Y,onSelect:J,textAlignStyle:F,open:L,close:V,toggle:B}}}),ee=["aria-expanded","aria-disabled","tabindex"],te={class:"hison-dropdown-label"},le=["aria-activedescendant","inert"],ne={class:"hison-dropdown-panel"},oe=["aria-selected","onClick"],ae={key:0,class:"hison-dropdown-empty"};function ie(t,a,c,I,s,p){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["hison-dropdown",...t.responsiveClassList,t.visibleClass,t.disableClass,t.readonlyClass,t.isOpen?"hison-open":"",t.animate?"":"hison-no-anim"]),style:l.normalizeStyle([t.rootInlineStyle,t.props.style]),onMouseenter:a[3]||(a[3]=i=>t.trigger==="hover"?t.open(i):null),onMouseleave:a[4]||(a[4]=i=>t.trigger==="hover"?t.close(i):null)},[l.createElementVNode("div",{ref:"toggleRef",class:l.normalizeClass(["hison-dropdown-toggle",[t.isDisabled?"hison-disable":"",t.isReadonly?"hison-readonly":""]]),"aria-expanded":t.isOpen,role:"combobox","aria-disabled":t.isDisabled||t.isReadonly?"true":"false",tabindex:t.tabIndex??void 0,style:l.normalizeStyle([t.textAlignStyle,t.props.toggleStyle]),onClick:a[0]||(a[0]=i=>t.onToggleClick(i)),onKeydown:[a[1]||(a[1]=l.withKeys(l.withModifiers(i=>t.onToggleClick(i),["prevent"]),["enter"])),a[2]||(a[2]=l.withKeys(l.withModifiers(i=>t.onToggleClick(i),["prevent"]),["space"]))]},[l.createElementVNode("span",te,l.toDisplayString(t.selectedLabel||t.placeholder),1),l.renderSlot(t.$slots,"caret",{},()=>[a[5]||(a[5]=l.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,ee),l.createElementVNode("div",{ref:"menuRef",class:"hison-dropdown-menu",style:l.normalizeStyle([t.textAlignStyle,t.props.menuStyle]),role:"listbox","aria-activedescendant":t.activeDescId,inert:!t.isOpen||void 0},[l.createElementVNode("div",ne,[l.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:l.normalizeStyle(t.menuInlineStyle)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.options,(i,u)=>(l.openBlock(),l.createElementBlock("div",{key:`opt-${u}`,class:l.normalizeClass(["hison-dropdown-item",[i.disabled?"hison-disable":"",i.value===t.selectedValue?"hison-selected":""]]),style:l.normalizeStyle(t.props.itemStyle),role:"option","aria-selected":i.value===t.selectedValue?"true":"false",onClick:d=>t.onSelect(i,d)},l.toDisplayString(i.label),15,oe))),128)),t.options.length===0?(l.openBlock(),l.createElementBlock("div",ae,"No options")):l.createCommentVNode("",!0)],4)])],12,le)],38)}const se=Q._export_sfc(_,[["render",ie]]);exports.default=se;
@@ -1,5 +1,5 @@
1
1
  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";
2
- 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-DUh7pai4.mjs";
2
+ 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-D_yqQfj7.mjs";
3
3
  import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const Je = {
5
5
  /**
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-BmKMHsSZ.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}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-CNLboPo7.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}
2
2
  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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-BmKMHsSZ.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-CNLboPo7.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;
@@ -1,5 +1,5 @@
1
1
  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";
2
- 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-DUh7pai4.mjs";
2
+ 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-D_yqQfj7.mjs";
3
3
  import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const ie = {
5
5
  /**
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),l=require("./index-CNLboPo7.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),L={modelValue:Array,id:{type:String,required:!0},columns:{type:Array,required:!0},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object],required:!1},name:{type:String,required:!1},locked:{type:Boolean,default:!1},lockedColor:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},redoable:{type:Boolean,default:!0},redoCount:{type:Number,required:!1},visible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},rownumVisible:{type:Boolean,default:!0},rownumSize:{type:String,required:!1},rownumLockedColor:{type:Boolean,default:!1},statusVisible:{type:Boolean,default:!0},statusLockedColor:{type:Boolean,default:!1},selectionPolicy:{type:String,required:!1,validator:e=>l.SELECTION_POLICY_VALUES.includes(e)},nullValue:{type:String,required:!1},dateFormat:{type:String,required:!1,validator:e=>l.GRID_DATE_FORMAT_VALUES.includes(e)},monthFormat:{type:String,required:!1,validator:e=>l.GRID_MONTH_FORMAT_VALUES.includes(e)},alterRow:{type:Boolean,default:!0},frozenColCount:{type:Number,required:!1},frozenRowCount:{type:Number,required:!1},sortable:{type:Boolean,default:!0},filterable:{type:Boolean,default:!0},allCheckable:{type:Boolean,default:!0},checkedValue:{type:String,required:!1},uncheckedValue:{type:String,required:!1},width:{type:String,required:!1},height:{type:String,required:!1},margin:{type:String,required:!1},padding:{type:String,required:!1},sizeLevel:{type:Number,required:!1},verticalAlign:{type:String,required:!1,validator:e=>l.GRID_VERTICAL_ALIGN_VALUES.includes(e)},cellFontSize:{type:String,required:!1},cellMinHeight:{type:String,required:!1},horizenBorderSize:{type:Number,required:!1},verticalBorderSize:{type:Number,required:!1},gridFontFamily:{type:String,required:!1},editorFontFamily:{type:String,required:!1},overflowWrap:{type:String,required:!1},wordBreak:{type:String,required:!1},whiteSpace:{type:String,required:!1},linkHasUnderLine:{type:Boolean,required:!1},invertColor:{type:Boolean,default:!1},color:{type:String,required:!1,validator:e=>l.COLOR_SET_VALUES.includes(e)||l.isCssColorLike(e)},gridBorderColor:{type:String,required:!1},headerCellBackColor:{type:String,required:!1},headerCellBorderColor:{type:String,required:!1},headerCellFontColor:{type:String,required:!1},footerCellBackColor:{type:String,required:!1},footerCellBorderColor:{type:String,required:!1},footerCellFontColor:{type:String,required:!1},bodyBackColor:{type:String,required:!1},bodyCellBackColor:{type:String,required:!1},bodyCellBorderColor:{type:String,required:!1},bodyCellFontColor:{type:String,required:!1},editorBackColor:{type:String,required:!1},editorFontColor:{type:String,required:!1},selectCellBackColor:{type:String,required:!1},selectCellFontColor:{type:String,required:!1},selectColBackColor:{type:String,required:!1},selectColFontColor:{type:String,required:!1},selectRowBackColor:{type:String,required:!1},selectRowFontColor:{type:String,required:!1},mouseoverCellBackColor:{type:String,required:!1},mouseoverCellFontColor:{type:String,required:!1},lockCellBackColor:{type:String,required:!1},lockCellFontColor:{type:String,required:!1},alterRowBackColor:{type:String,required:!1},alterRowFontColor:{type:String,required:!1},buttonFontColor:{type:String,required:!1},buttonBorderColor:{type:String,required:!1},buttonBackColor:{type:String,required:!1},buttonHoverFontColor:{type:String,required:!1},buttonHoverBackColor:{type:String,required:!1},buttonActiveFontColor:{type:String,required:!1},buttonActiveBackColor:{type:String,required:!1},linkFontColor:{type:String,required:!1},linkHoverFontColor:{type:String,required:!1},linkActiveFontColor:{type:String,required:!1},linkVisitedFontColor:{type:String,required:!1},linkFocusFontColor:{type:String,required:!1}},R={activeCell:Function,activeCells:Function,activeRow:Function,activeRows:Function,activeCol:Function,activeCols:Function,beforeChange:Function,afterChange:Function,beforeClickCell:Function,afterClickCell:Function,clickSelect:Function,clickCheckbox:Function,clickButton:Function,clickLink:Function,beforeDblClickCell:Function,afterDblClickCell:Function,beforeClickHeader:Function,afterClickHeader:Function,beforeDblClickHeader:Function,afterDblClickHeader:Function,beforeEditEnter:Function,afterEditEnter:Function,editEnding:Function,clickFilter:Function,chooseFilter:Function,paste:Function,copy:Function,resize:Function,keydownEditor:Function,inputEditor:Function,keydownGrid:Function},z=r.defineComponent({name:"HGrid",props:{...L,...R},emits:["mounted","responsive-change"],setup(e,{emit:y}){const C=l.hisonCloser.grid,s=r.ref(null),t=r.ref(null),d=e.id?e.id:l.getUUID(),g=`hgrid:${d}`,S=l.useDevice(),v=r.ref(e.visible),E=r.computed(()=>v.value?"":"hison-display-none"),k=r.ref([]),w=["columns","id","class","style","visible"],b=r.ref(0),F=()=>{r.triggerRef(b)},q=r.ref(""),O=r.computed(()=>{b.value;const o=l.extractResponsiveClasses(l.toClassString(e.class)||"",S.value),n=l.getSpecificClassValueFromClassList(o,"color")??"primary",a=l.getSpecificClassValueFromClassList(o,"size");l.getIndexSpecificClassNameFromClassList(o,"col")===-1&&o.push("hison-col-12"),k.value=o;const i={};i["data-id"]=d;for(const[f,c]of Object.entries(e))w.includes(f)||c!=null&&(i[f.replace(/[A-Z]/g,u=>"-"+u.toLowerCase())]=String(c));return i["size-level"]=i["size-level"]&&l.hison.utils.isNumber(i["size-level"])?String(Math.min(Math.max(Number(i["size-level"]),1),9)):m(5,a),n&&!i.color&&(i.color=n),i.color&&(i.color=l.getHexCodeFromColorText(i.color)??i.color),(e.invertColor||l.hisonCloser.componentStyle.invertColor)&&(i["invert-color"]="true"),q.value=i.color,i}),m=(o,n)=>{switch(n=n??l.hisonCloser.componentStyle.size,n){case l.Size.s:o-=2;break;case l.Size.m:break;case l.Size.l:o+=2;break;case l.Size.xl:o+=3;break}return String(Math.min(Math.max(o,1),9))},h=()=>{if(l.registerReloadable(g,()=>{B(),F(),r.nextTick(h)}),C.init(),!s.value)return;const o=s.value.querySelector("[data-vanillagrid]");if(!o)return;e.columns.forEach(a=>{const i=document.createElement("div");i.setAttribute("data-col","");for(const f in a){const c=a[f];if(c!=null){const u=f.replace(/([A-Z])/g,"-$1").toLowerCase();i.setAttribute(u,String(c))}}o.appendChild(i)}),C.mountGrid(s.value),o.style.border="none",o.style.boxShadow=`0 0.5px 1px 0.5px ${q.value}`;const n=C.getGrid(d);if(n&&(n.getId=()=>d),t.value=n,t.value){t.value.isHisonvueComponent=!0,t.value.getId=()=>d,t.value.getType=()=>"grid","isGridVisible"in t.value&&delete t.value.isGridVisible,"setGridVisible"in t.value&&delete t.value.setGridVisible,t.value.isVisible=()=>v.value,t.value.setVisible=i=>{v.value=i},t.value.getDataModel=()=>new l.hison.data.DataModel(t.value.getValues()),t.value.setDataModel=i=>{if(!(!i||i.getRowCount()==0))return t.value.load(i)},t.value.reload=()=>l.reloadHisonComponent(g);const a=t.value.load.bind(t.value);t.value.load=i=>i&&i.getIsDataModel&&i.getIsDataModel()?a(i.getRows()):a(i)}t.value&&(typeof e.activeCell=="function"&&t.value.setOnActiveCell(e.activeCell),typeof e.activeCells=="function"&&t.value.setOnActiveCells(e.activeCells),typeof e.activeRow=="function"&&t.value.setOnActiveRow(e.activeRow),typeof e.activeRows=="function"&&t.value.setOnActiveRows(e.activeRows),typeof e.activeCol=="function"&&t.value.setOnActiveCol(e.activeCol),typeof e.activeCols=="function"&&t.value.setOnActiveCols(e.activeCols),typeof e.beforeChange=="function"&&t.value.setOnBeforeChange(e.beforeChange),typeof e.afterChange=="function"&&t.value.setOnAfterChange(e.afterChange),typeof e.beforeClickCell=="function"&&t.value.setOnBeforeClickCell(e.beforeClickCell),typeof e.afterClickCell=="function"&&t.value.setOnAfterClickCell(e.afterClickCell),typeof e.clickSelect=="function"&&t.value.setOnClickSelect(e.clickSelect),typeof e.clickCheckbox=="function"&&t.value.setOnClickCheckbox(e.clickCheckbox),typeof e.clickButton=="function"&&t.value.setOnClickButton(e.clickButton),typeof e.clickLink=="function"&&t.value.setOnClickLink(e.clickLink),typeof e.beforeDblClickCell=="function"&&t.value.setOnBeforeDblClickCell(e.beforeDblClickCell),typeof e.afterDblClickCell=="function"&&t.value.setOnAfterDblClickCell(e.afterDblClickCell),typeof e.beforeClickHeader=="function"&&t.value.setOnBeforeClickHeader(e.beforeClickHeader),typeof e.afterClickHeader=="function"&&t.value.setOnAfterClickHeader(e.afterClickHeader),typeof e.beforeDblClickHeader=="function"&&t.value.setOnBeforeDblClickHeader(e.beforeDblClickHeader),typeof e.afterDblClickHeader=="function"&&t.value.setOnAfterDblClickHeader(e.afterDblClickHeader),typeof e.beforeEditEnter=="function"&&t.value.setOnBeforeEditEnter(e.beforeEditEnter),typeof e.afterEditEnter=="function"&&t.value.setOnAfterEditEnter(e.afterEditEnter),typeof e.editEnding=="function"&&t.value.setOnEditEnding(e.editEnding),typeof e.clickFilter=="function"&&t.value.setOnClickFilter(e.clickFilter),typeof e.chooseFilter=="function"&&t.value.setOnChooseFilter(e.chooseFilter),typeof e.paste=="function"&&t.value.setOnPaste(e.paste),typeof e.copy=="function"&&t.value.setOnCopy(e.copy),typeof e.resize=="function"&&t.value.setOnResize(e.resize),typeof e.keydownEditor=="function"&&t.value.setOnKeydownEditor(e.keydownEditor),typeof e.inputEditor=="function"&&t.value.setOnInputEditor(e.inputEditor),typeof e.keydownGrid=="function"&&t.value.setOnKeydownGrid(e.keydownGrid)),y("mounted",t.value)},B=()=>{l.unregisterReloadable(g),s.value&&C.unmountGrid(s.value)};return r.onMounted(h),r.onBeforeUnmount(B),r.watch(S,o=>{const n=t.value;if(n){const a=l.extractResponsiveClasses(l.toClassString(e.class)||"",S.value),i=l.getSpecificClassValueFromClassList(a,"color"),f=l.getSpecificClassValueFromClassList(a,"size"),c=e.sizeLevel&&l.hison.utils.isNumber(String(e.sizeLevel))?String(Math.min(Math.max(Number(e.sizeLevel),1),9)):m(5,f);n.setGridSizeLevel(Number(c));let u="";i&&!e.color&&(u=i),u&&(u=l.getHexCodeFromColorText(u)??u,n.setGridColor(u),(e.invertColor||l.hisonCloser.componentStyle.invertColor)&&n.invertColor(!0))}y("responsive-change",o)}),r.watch(()=>e.visible,o=>{const n=!!o;n!==v.value&&(v.value=n)}),r.watch(()=>e.class,()=>{F()}),{editorWrap:s,props:e,bindAttrs:O,responsiveClassList:k,visibleClass:E}}});function H(e,y,C,s,t,d){return r.openBlock(),r.createElementBlock("div",{ref:"editorWrap",class:r.normalizeClass(["hison-grid","hison-wrapper",...e.responsiveClassList,e.visibleClass]),style:r.normalizeStyle(e.props.style)},[r.createElementVNode("div",r.mergeProps({"data-vanillagrid":""},e.bindAttrs),null,16)],6)}const p=A._export_sfc(z,[["render",H]]);exports.default=p;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as V, ref as f, computed as L, onMounted as _, onBeforeUnmount as x, watch as F, triggerRef as I, nextTick as M, createElementBlock as N, openBlock as T, normalizeStyle as U, normalizeClass as $, createElementVNode as P, mergeProps as K } from "vue";
2
- import { G as j, I as W, J as Y, K as Z, L as J, M as X, h as v, g as Q, u as ee, e as R, t as H, o as y, a as te, l as q, F as z, v as g, r as ie, c as le, d as re } from "./index-DUh7pai4.mjs";
2
+ import { G as j, I as W, J as Y, K as Z, L as J, M as X, h as v, g as Q, u as ee, e as R, t as H, o as y, a as te, l as m, F as z, v as g, r as ie, c as le, d as re } from "./index-D_yqQfj7.mjs";
3
3
  import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const ne = {
5
5
  modelValue: Array,
@@ -248,17 +248,17 @@ const ne = {
248
248
  },
249
249
  emits: ["mounted", "responsive-change"],
250
250
  setup(e, { emit: k }) {
251
- const d = v.grid, u = f(null), t = f(null), s = e.id ? e.id : Q(), b = `hgrid:${s}`, S = ee(), C = f(e.visible), D = L(() => C.value ? "" : "hison-display-none"), m = f([]), p = ["columns", "id", "class", "style", "visible"], h = f(0), B = () => {
251
+ const d = v.grid, u = f(null), t = f(null), s = e.id ? e.id : Q(), b = `hgrid:${s}`, S = ee(), C = f(e.visible), D = L(() => C.value ? "" : "hison-display-none"), q = f([]), p = ["columns", "id", "class", "style", "visible"], h = f(0), B = () => {
252
252
  I(h);
253
253
  }, E = f(""), G = L(() => {
254
254
  h.value;
255
- const l = R(H(e.class) || "", S.value), r = y(l, "color"), o = y(l, "size");
256
- te(l, "col") === -1 && l.push("hison-col-12"), m.value = l;
255
+ const l = R(H(e.class) || "", S.value), r = y(l, "color") ?? "primary", o = y(l, "size");
256
+ te(l, "col") === -1 && l.push("hison-col-12"), q.value = l;
257
257
  const i = {};
258
258
  i["data-id"] = s;
259
259
  for (const [c, a] of Object.entries(e))
260
260
  p.includes(c) || a != null && (i[c.replace(/[A-Z]/g, (n) => "-" + n.toLowerCase())] = String(a));
261
- return i["size-level"] = i["size-level"] && q.utils.isNumber(i["size-level"]) ? String(Math.min(Math.max(Number(i["size-level"]), 1), 9)) : w(5, o), r && !i.color && (i.color = r), i.color && (i.color = z(i.color) ?? i.color), (e.invertColor || v.componentStyle.invertColor) && (i["invert-color"] = "true"), E.value = i.color, i;
261
+ return i["size-level"] = i["size-level"] && m.utils.isNumber(i["size-level"]) ? String(Math.min(Math.max(Number(i["size-level"]), 1), 9)) : w(5, o), r && !i.color && (i.color = r), i.color && (i.color = z(i.color) ?? i.color), (e.invertColor || v.componentStyle.invertColor) && (i["invert-color"] = "true"), E.value = i.color, i;
262
262
  }), w = (l, r) => {
263
263
  switch (r = r ?? v.componentStyle.size, r) {
264
264
  case g.s:
@@ -296,7 +296,7 @@ const ne = {
296
296
  if (r && (r.getId = () => s), t.value = r, t.value) {
297
297
  t.value.isHisonvueComponent = !0, t.value.getId = () => s, t.value.getType = () => "grid", "isGridVisible" in t.value && delete t.value.isGridVisible, "setGridVisible" in t.value && delete t.value.setGridVisible, t.value.isVisible = () => C.value, t.value.setVisible = (i) => {
298
298
  C.value = i;
299
- }, t.value.getDataModel = () => new q.data.DataModel(t.value.getValues()), t.value.setDataModel = (i) => {
299
+ }, t.value.getDataModel = () => new m.data.DataModel(t.value.getValues()), t.value.setDataModel = (i) => {
300
300
  if (!(!i || i.getRowCount() == 0))
301
301
  return t.value.load(i);
302
302
  }, t.value.reload = () => le(b);
@@ -310,7 +310,7 @@ const ne = {
310
310
  return _(A), x(O), F(S, (l) => {
311
311
  const r = t.value;
312
312
  if (r) {
313
- const o = R(H(e.class) || "", S.value), i = y(o, "color"), c = y(o, "size"), a = e.sizeLevel && q.utils.isNumber(String(e.sizeLevel)) ? String(Math.min(Math.max(Number(e.sizeLevel), 1), 9)) : w(5, c);
313
+ const o = R(H(e.class) || "", S.value), i = y(o, "color"), c = y(o, "size"), a = e.sizeLevel && m.utils.isNumber(String(e.sizeLevel)) ? String(Math.min(Math.max(Number(e.sizeLevel), 1), 9)) : w(5, c);
314
314
  r.setGridSizeLevel(Number(a));
315
315
  let n = "";
316
316
  i && !e.color && (n = i), n && (n = z(n) ?? n, r.setGridColor(n), (e.invertColor || v.componentStyle.invertColor) && r.invertColor(!0));
@@ -325,7 +325,7 @@ const ne = {
325
325
  editorWrap: u,
326
326
  props: e,
327
327
  bindAttrs: G,
328
- responsiveClassList: m,
328
+ responsiveClassList: q,
329
329
  visibleClass: D
330
330
  };
331
331
  }
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("./index-BmKMHsSZ.js"),me=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},imgStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:a.EditMode.editable,validator:t=>a.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Object,default:null},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"Remove"},placeholder:{type:String,default:"There is no image"},enableDrop:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:()=>[".jpg",".jpeg",".png",".gif","image/*"]},disallowedTypes:{type:[String,Array],default:void 0},maxFileSize:{type:Number,default:1/0},border:{type:Boolean,default:!1},onDisallowedType:Function,onMaxFileSizeExceeded:Function,tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=o.defineComponent({name:"HImagebox",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","change","preview-click","preview-dblclick","preview-contextmenu","preview-pointerenter","preview-pointerleave","preview-pointerdown","preview-pointerup"],setup(t,{emit:n}){const y=o.ref(null),u=t.id?t.id:a.getUUID(),x=`himagebox:${u}`,d=o.ref(null),v=o.ref(t.visible),i=o.ref(t.editMode),b=o.computed(()=>i.value===a.EditMode.disable),z=o.computed(()=>i.value===a.EditMode.readonly),T=o.ref(t.border??!1),q=o.computed(()=>i.value!==a.EditMode.editable?`hison-imagebox-${i.value}`:""),W=o.computed(()=>v.value?"":"hison-display-none"),G=o.computed(()=>T.value?"hison-border":""),F=o.ref(t.attId||""),L=o.ref(!1),h=o.ref(t.enableDrop),k=o.ref(t.placeholder),M=o.ref(t.addButtonText),P=o.ref(t.removeButtonText),m=o.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),g=o.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),c=o.ref(t.maxFileSize??a.hison.getMaxFilesetSize()),f=o.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),C=o.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),r=o.ref(t.modelValue),I=o.ref(!1),J=o.computed(()=>{if(m.value.length===0)return"";const e=new Set(g.value.map(s=>s.toLowerCase())),l=m.value.filter(s=>!e.has(s.toLowerCase()));return l.length>0?l.join(","):void 0}),D=o.ref(null),p=e=>{if(!e||e.isDeleted){D.value=null;return}if(e.filePath)D.value=e.filePath;else if(e.file instanceof File){const l=new FileReader;l.onload=s=>{var $;return D.value=String((($=s.target)==null?void 0:$.result)||"")},l.readAsDataURL(e.file)}else e.fileName&&e.fileName.startsWith("data:")?D.value=e.fileName:D.value=null};p(r.value);const w=(e,l)=>{n(e,{event:l,api:d.value})},K=e=>w("preview-click",e),Q=e=>w("preview-dblclick",e),X=e=>w("preview-contextmenu",e),Y=e=>w("preview-pointerenter",e),Z=e=>w("preview-pointerleave",e),_=e=>w("preview-pointerdown",e),ee=e=>w("preview-pointerup",e),B=o.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),N=a.useDevice(),S=o.ref([]),A=()=>{S.value=a.extractResponsiveClasses(a.toClassString(t.class)||"",N.value),a.getIndexSpecificClassNameFromClassList(S.value,"col")===-1&&S.value.push("hison-col-12"),a.addComponentNameToClass(S.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(S.value,"color","primary")},te=o.computed(()=>{const e=[];return e.push(...a.extractPrefixedClasses(a.toClassString(t.class)||"","size")),e.push(...a.extractPrefixedClasses(a.toClassString(t.class)||"","color")),e}),oe=o.computed(()=>i.value!==a.EditMode.readonly),le=o.computed(()=>!!r.value&&i.value!==a.EditMode.readonly),ne=e=>{var $,O,H;const l=e.type,s="."+(($=e.name.split(".").pop())==null?void 0:$.toLowerCase());return m.value.length>0&&!m.value.some(E=>E===l||E===s)?(console.warn(`File type not in allowedTypes: ${l} / ${s}`),(O=f.value)==null||O.call(f,e,m.value,null),!1):g.value.length>0&&g.value.some(E=>E===l||E===s)?(console.warn(`File type is in disallowedTypes: ${l} / ${s}`),(H=f.value)==null||H.call(f,e,null,g.value),!1):!0},ie=e=>{var l;return typeof c.value=="number"&&Number.isFinite(c.value)&&e.size>c.value?(console.warn(`File too large: ${e.name}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("./index-CNLboPo7.js"),me=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},imgStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:a.EditMode.editable,validator:t=>a.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Object,default:null},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"Remove"},placeholder:{type:String,default:"There is no image"},enableDrop:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:()=>[".jpg",".jpeg",".png",".gif","image/*"]},disallowedTypes:{type:[String,Array],default:void 0},maxFileSize:{type:Number,default:1/0},border:{type:Boolean,default:!1},onDisallowedType:Function,onMaxFileSizeExceeded:Function,tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=o.defineComponent({name:"HImagebox",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","change","preview-click","preview-dblclick","preview-contextmenu","preview-pointerenter","preview-pointerleave","preview-pointerdown","preview-pointerup"],setup(t,{emit:n}){const y=o.ref(null),u=t.id?t.id:a.getUUID(),x=`himagebox:${u}`,d=o.ref(null),v=o.ref(t.visible),i=o.ref(t.editMode),b=o.computed(()=>i.value===a.EditMode.disable),z=o.computed(()=>i.value===a.EditMode.readonly),T=o.ref(t.border??!1),q=o.computed(()=>i.value!==a.EditMode.editable?`hison-imagebox-${i.value}`:""),W=o.computed(()=>v.value?"":"hison-display-none"),G=o.computed(()=>T.value?"hison-border":""),F=o.ref(t.attId||""),L=o.ref(!1),h=o.ref(t.enableDrop),k=o.ref(t.placeholder),M=o.ref(t.addButtonText),P=o.ref(t.removeButtonText),m=o.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),g=o.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),c=o.ref(t.maxFileSize??a.hison.getMaxFilesetSize()),f=o.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),C=o.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),r=o.ref(t.modelValue),I=o.ref(!1),J=o.computed(()=>{if(m.value.length===0)return"";const e=new Set(g.value.map(s=>s.toLowerCase())),l=m.value.filter(s=>!e.has(s.toLowerCase()));return l.length>0?l.join(","):void 0}),D=o.ref(null),p=e=>{if(!e||e.isDeleted){D.value=null;return}if(e.filePath)D.value=e.filePath;else if(e.file instanceof File){const l=new FileReader;l.onload=s=>{var $;return D.value=String((($=s.target)==null?void 0:$.result)||"")},l.readAsDataURL(e.file)}else e.fileName&&e.fileName.startsWith("data:")?D.value=e.fileName:D.value=null};p(r.value);const w=(e,l)=>{n(e,{event:l,api:d.value})},K=e=>w("preview-click",e),Q=e=>w("preview-dblclick",e),X=e=>w("preview-contextmenu",e),Y=e=>w("preview-pointerenter",e),Z=e=>w("preview-pointerleave",e),_=e=>w("preview-pointerdown",e),ee=e=>w("preview-pointerup",e),B=o.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),N=a.useDevice(),S=o.ref([]),A=()=>{S.value=a.extractResponsiveClasses(a.toClassString(t.class)||"",N.value),a.getIndexSpecificClassNameFromClassList(S.value,"col")===-1&&S.value.push("hison-col-12"),a.addComponentNameToClass(S.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(S.value,"color","primary")},te=o.computed(()=>{const e=[];return e.push(...a.extractPrefixedClasses(a.toClassString(t.class)||"","size")),e.push(...a.extractPrefixedClasses(a.toClassString(t.class)||"","color")),e}),oe=o.computed(()=>i.value!==a.EditMode.readonly),le=o.computed(()=>!!r.value&&i.value!==a.EditMode.readonly),ne=e=>{var $,O,H;const l=e.type,s="."+(($=e.name.split(".").pop())==null?void 0:$.toLowerCase());return m.value.length>0&&!m.value.some(E=>E===l||E===s)?(console.warn(`File type not in allowedTypes: ${l} / ${s}`),(O=f.value)==null||O.call(f,e,m.value,null),!1):g.value.length>0&&g.value.some(E=>E===l||E===s)?(console.warn(`File type is in disallowedTypes: ${l} / ${s}`),(H=f.value)==null||H.call(f,e,null,g.value),!1):!0},ie=e=>{var l;return typeof c.value=="number"&&Number.isFinite(c.value)&&e.size>c.value?(console.warn(`File too large: ${e.name}
2
2
  Max size: ${c.value} Byte`),(l=C.value)==null||l.call(C,e,e.size,c.value),!1):!0},V=e=>{if(!ne(e)||!ie(e))return;const l=e.name.split(".").pop()||"",s={fileName:e.name,fileSize:e.size,extension:l,file:e,isNew:!0};r.value=s,p(s),I.value=!0,n("update:modelValue",s),n("add",s,d.value),n("change",s,d.value)},ae=e=>{if(i.value!==a.EditMode.editable)return;const l=e.target.files;!l||!l.length||(V(l[0]),o.nextTick(()=>{y.value&&(y.value.value="")}))},se=e=>{!h.value||i.value!==a.EditMode.editable||z.value||b.value||(L.value=!0)},re=e=>{var l;L.value=!1,!(!h.value||i.value!==a.EditMode.editable)&&(z.value||b.value||!((l=e.dataTransfer)!=null&&l.files)||!e.dataTransfer.files.length||V(e.dataTransfer.files[0]))},ue=()=>{if(i.value!==a.EditMode.editable)return;const e=r.value;e&&e.file&&!e.fileId?r.value=null:e&&e.fileId&&(r.value={...e,isDeleted:!0}),p(null),I.value=!0,n("update:modelValue",r.value),n("remove",e,d.value),n("change",r.value,d.value)},de=()=>{var e;(e=y.value)==null||e.click()},R=e=>{if(!e||!e.getIsDataModel||!e.getIsDataModel()||e.getRowCount()===0)return;const l=e.getRow(0);r.value=l,p(l)},U=()=>{a.hisonCloser.component.imageboxList[u]&&a.hisonCloser.component.imageboxList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The imagebox ID is at risk of being duplicated. ${u}`),a.registerReloadable(x,()=>{j(),o.nextTick(U)}),y.value&&(A(),d.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"imagebox",isVisible:()=>v.value,setVisible:e=>v.value=e,getEditMode:()=>i.value,setEditMode:e=>{var l,s;i.value=e,(l=a.hisonCloser.component.buttonList[`hison_imagebox_add_button_${u}`])==null||l.setDisable(b.value),(s=a.hisonCloser.component.buttonList[`hison_imagebox_remove_button_${u}`])==null||s.setDisable(b.value)},getValue:()=>a.hison.utils.deepCopyObject(r.value),setValue:e=>{r.value=a.hison.utils.deepCopyObject(e),p(e)},getDataModel:()=>r.value?new a.hison.data.DataModel(r.value):null,setDataModel:e=>{R(e)},load:e=>{e&&e.getIsDataModel&&e.getIsDataModel()?R(e):r.value=a.hison.utils.deepCopyObject(e)},getAttId:()=>F.value,setAttId:e=>{F.value=e},getAddButtonText:()=>M.value,setAddButtonText:e=>M.value=e,getRemoveButtonText:()=>P.value,setRemoveButtonText:e=>P.value=e,getPlaceholder:()=>k.value,setPlaceholder:e=>k.value=e,isEnableDrop:()=>h.value,setEnableDrop:e=>{h.value=e},getAllowedTypes:()=>m.value,setAllowedTypes:e=>m.value=e,getDisallowedTypes:()=>g.value,setDisallowedTypes:e=>{g.value=e},getMaxFileSize:()=>c.value,setMaxFileSize:e=>c.value=e,setOnDisallowedType:e=>{f.value=e},setOnMaxFileSizeExceeded:e=>{C.value=e},isModified:()=>I.value,setModified:e=>I.value=e,isBorder:()=>T.value,setBorder:e=>{T.value=e},getTabIndex:()=>B.value,setTabIndex:e=>{B.value=e!=null?Number(e):null},focus:()=>{var e;(e=a.hisonCloser.component.buttonList[`hison_imagebox_add_button_${u}`])==null||e.focus()},reload:()=>a.reloadHisonComponent(x)},a.hisonCloser.component.imageboxList[u]=d.value,n("mounted",d.value))},j=()=>{delete a.hisonCloser.component.imageboxList[u]};return o.onMounted(U),o.onBeforeUnmount(j),o.watch(()=>t.modelValue,e=>{e!==r.value&&(r.value=e,p(e))}),o.watch(N,e=>{A(),n("responsive-change",e)}),o.watch(()=>t.visible,e=>{const l=!!e;l!==v.value&&(v.value=l)}),o.watch(()=>t.editMode,e=>{e&&e!==i.value&&(i.value=e,o.nextTick(()=>{var l,s;(l=a.hisonCloser.component.buttonList[`hison_imagebox_add_button_${u}`])==null||l.setDisable(b.value),(s=a.hisonCloser.component.buttonList[`hison_imagebox_remove_button_${u}`])==null||s.setDisable(b.value)}))}),o.watch(()=>t.border,e=>{const l=!!e;l!==T.value&&(T.value=l)}),o.watch(()=>t.attId,e=>{const l=e||"";l!==F.value&&(F.value=l)}),o.watch(()=>t.allowedTypes,e=>{const l=Array.isArray(e)?e:e?String(e).split(","):[];l.toString()!==m.value.toString()&&(m.value=l)}),o.watch(()=>t.disallowedTypes,e=>{const l=Array.isArray(e)?e:e?String(e).split(","):[];l.toString()!==g.value.toString()&&(g.value=l)}),o.watch(()=>t.maxFileSize,e=>{const l=Number(e);(Number.isFinite(l)||l===1/0)&&l!==c.value&&(c.value=l)}),o.watch(()=>t.onDisallowedType,e=>{const l=typeof e=="function"?e:void 0;l!==f.value&&(f.value=l)}),o.watch(()=>t.onMaxFileSizeExceeded,e=>{const l=typeof e=="function"?e:void 0;l!==C.value&&(C.value=l)}),o.watch(()=>t.placeholder,e=>{const l=e??"";l!==k.value&&(k.value=l)}),o.watch(()=>t.addButtonText,e=>{const l=e??"";l!==M.value&&(M.value=l)}),o.watch(()=>t.removeButtonText,e=>{const l=e??"";l!==P.value&&(P.value=l)}),o.watch(()=>t.enableDrop,e=>{const l=!!e;l!==h.value&&(h.value=l)}),o.watch(()=>t.modelValue,e=>{e!==r.value&&(r.value=e,p(e))}),o.watch(()=>t.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==B.value&&(B.value=l)}),o.watch(()=>t.class,()=>{A()}),{fileInputRef:y,id:u,props:t,imgStyle:o.computed(()=>t.imgStyle||{}),imageValue:r,imageboxMethods:d,visibleClass:W,editModeClass:q,borderClass:G,responsiveClassList:S,buttonClassList:te,disable:b,readonly:z,addButtonText:M,removeButtonText:P,placeholder:k,isDragging:L,previewUrl:D,showAddButton:oe,showRemoveButton:le,accept:J,tabIndex:B,handleDragEnter:se,handleDrop:re,openFileDialog:de,removeImage:ue,onFileChange:ae,onPreviewClick:K,onPreviewDblClick:Q,onPreviewContextMenu:X,onPreviewPointerEnter:Y,onPreviewPointerLeave:Z,onPreviewPointerDown:_,onPreviewPointerUp:ee}}}),ge=["src"],be={class:"img-placeholder"},pe={key:2,class:"imgbox-btn-row"},we={key:1,class:"hison-imagebox-add-text"},ye={key:1,class:"hison-imagebox-add-text"},he={key:1,class:"hison-imagebox-remove-text"},Ce=["id","accept"];function De(t,n,y,u,x,d){const v=o.resolveComponent("HButton");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["hison-imagebox",...t.responsiveClassList,t.visibleClass,t.borderClass,t.editModeClass]),style:o.normalizeStyle(t.props.style)},[o.createElementVNode("div",{class:o.normalizeClass(["img-preview",{"drag-over":t.isDragging}]),onDragover:n[11]||(n[11]=o.withModifiers(()=>{},["prevent"])),onDragenter:n[12]||(n[12]=o.withModifiers((...i)=>t.handleDragEnter&&t.handleDragEnter(...i),["prevent"])),onDragleave:n[13]||(n[13]=o.withModifiers(i=>t.isDragging=!1,["prevent"])),onDrop:n[14]||(n[14]=o.withModifiers((...i)=>t.handleDrop&&t.handleDrop(...i),["prevent"]))},[t.previewUrl?(o.openBlock(),o.createElementBlock("img",{key:0,src:t.previewUrl,class:"preview-img",style:o.normalizeStyle([t.imgStyle]),onClick:n[0]||(n[0]=(...i)=>t.onPreviewClick&&t.onPreviewClick(...i)),onDblclick:n[1]||(n[1]=(...i)=>t.onPreviewDblClick&&t.onPreviewDblClick(...i)),onContextmenu:n[2]||(n[2]=(...i)=>t.onPreviewContextMenu&&t.onPreviewContextMenu(...i)),onPointerenter:n[3]||(n[3]=(...i)=>t.onPreviewPointerEnter&&t.onPreviewPointerEnter(...i)),onPointerleave:n[4]||(n[4]=(...i)=>t.onPreviewPointerLeave&&t.onPreviewPointerLeave(...i)),onPointerdown:n[5]||(n[5]=(...i)=>t.onPreviewPointerDown&&t.onPreviewPointerDown(...i)),onPointerup:n[6]||(n[6]=(...i)=>t.onPreviewPointerUp&&t.onPreviewPointerUp(...i))},null,44,ge)):o.renderSlot(t.$slots,"empty",{key:1},()=>[o.createElementVNode("div",be,o.toDisplayString(t.placeholder),1)]),t.readonly?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",pe,[t.imageValue?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createVNode(v,{id:`hison_imagebox_add_button_${t.id}`,disable:t.disable,class:o.normalizeClass(["hison-col-6",...t.buttonClassList]),onClick:t.openFileDialog,onFocus:n[9]||(n[9]=i=>t.$emit("focus",t.imageboxMethods)),onBlur:n[10]||(n[10]=i=>t.$emit("blur",t.imageboxMethods))},{default:o.withCtx(()=>[t.$slots["add-button"]?o.renderSlot(t.$slots,"add-button",{key:0,add:t.openFileDialog}):(o.openBlock(),o.createElementBlock("span",ye,o.toDisplayString(t.addButtonText),1))]),_:3},8,["id","disable","class","onClick"]),o.createVNode(v,{id:`hison_imagebox_remove_button_${t.id}`,disable:t.disable,class:o.normalizeClass(["hison-col-6",...t.buttonClassList]),onClick:t.removeImage},{default:o.withCtx(()=>[t.$slots["remove-button"]?o.renderSlot(t.$slots,"remove-button",{key:0,remove:t.removeImage}):(o.openBlock(),o.createElementBlock("span",he,o.toDisplayString(t.removeButtonText),1))]),_:3},8,["id","disable","class","onClick"])],64)):(o.openBlock(),o.createBlock(v,{key:0,id:`hison_imagebox_add_button_${t.id}`,disable:t.disable,class:o.normalizeClass(["hison-col-12",...t.buttonClassList]),tabindex:t.tabIndex??void 0,onClick:t.openFileDialog,onFocus:n[7]||(n[7]=i=>t.$emit("focus",t.imageboxMethods)),onBlur:n[8]||(n[8]=i=>t.$emit("blur",t.imageboxMethods))},{default:o.withCtx(()=>[t.$slots["add-button"]?o.renderSlot(t.$slots,"add-button",{key:0,add:t.openFileDialog}):(o.openBlock(),o.createElementBlock("span",we,o.toDisplayString(t.addButtonText),1))]),_:3},8,["id","disable","class","tabindex","onClick"]))]))],34),o.createElementVNode("input",{id:`hison_imagebox_${t.id}`,ref:"fileInputRef",type:"file",accept:t.accept||void 0,multiple:!1,hidden:"",onChange:n[15]||(n[15]=(...i)=>t.onFileChange&&t.onFileChange(...i))},null,40,Ce)],6)}const Se=me._export_sfc(fe,[["render",De]]);exports.default=Se;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as Me, ref as a, computed as v, onMounted as Be, onBeforeUnmount as Le, watch as u, nextTick as J, resolveComponent as Ae, createElementBlock as T, openBlock as w, normalizeStyle as ne, normalizeClass as E, createElementVNode as K, withModifiers as U, renderSlot as j, createCommentVNode as xe, toDisplayString as O, createBlock as ze, withCtx as Q, Fragment as Ee, createVNode as ie } from "vue";
2
- import { E as Ne, y as b, g as Ve, l as N, u as Re, j as ae, t as X, h as m, e as Ue, a as je, b as se, r as Oe, c as He } from "./index-DUh7pai4.mjs";
2
+ import { E as Ne, y as b, g as Ve, l as N, u as Re, j as ae, t as X, h as m, e as Ue, a as je, b as se, r as Oe, c as He } from "./index-D_yqQfj7.mjs";
3
3
  import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const We = {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as _e, ref as a, computed as g, inject as re, onMounted as en, onBeforeUnmount as nn, watch as d, unref as tn, nextTick as ge, createElementBlock as C, openBlock as k, normalizeClass as M, normalizeStyle as F, createElementVNode as R, Fragment as Me, renderList as on, toDisplayString as be, withDirectives as ye, vShow as $e } from "vue";
2
- import { T as un, y as G, N as sn, h as f, g as ln, u as rn, O as i, l as r, P as x, w, e as an, t as dn, a as mn, b as Te, Q as ae, R as vn, U as pn, r as fn, c as gn, d as Mn } from "./index-DUh7pai4.mjs";
2
+ import { T as un, y as G, N as sn, h as f, g as ln, u as rn, O as i, l as r, P as x, w, e as an, t as dn, a as mn, b as Te, Q as ae, R as vn, U as pn, r as fn, c as gn, d as Mn } from "./index-D_yqQfj7.mjs";
3
3
  import { _ as bn } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const yn = {
5
5
  /**