hisonvue 1.0.9 → 1.1.0

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-k6I3ro_e.mjs → HAccordion-Ch-hwwPy.mjs} +2 -2
  2. package/dist/{HAccordion-D53doYgK.js → HAccordion-yaZ0sBWj.js} +1 -1
  3. package/dist/{HBaggie-ztJlgm1Y.mjs → HBaggie-BWRGj_hM.mjs} +2 -2
  4. package/dist/{HBaggie-x9UvJGiJ.js → HBaggie-DhMiL1-B.js} +1 -1
  5. package/dist/{HBanner-DYxKwQJV.mjs → HBanner-BewlY928.mjs} +2 -2
  6. package/dist/{HBanner-CAdeTMnB.js → HBanner-CkIr-lzQ.js} +1 -1
  7. package/dist/{HButton-Uz0qdLWQ.js → HButton-CT0Az7ea.js} +1 -1
  8. package/dist/{HButton-DZ3LGFGL.mjs → HButton-b_zT1Dvr.mjs} +2 -2
  9. package/dist/{HCalendar-DIFdlXwz.js → HCalendar-C7RbTZT9.js} +1 -1
  10. package/dist/{HCalendar-BoiycDof.mjs → HCalendar-YvxdCT1t.mjs} +1 -1
  11. package/dist/{HCaption-Db1dmwRW.js → HCaption-DslrgN-4.js} +1 -1
  12. package/dist/{HCaption-Dd_nGhTl.mjs → HCaption-Gevqnsa8.mjs} +1 -1
  13. package/dist/{HChart-CR0TiHom.mjs → HChart-CmfVNBp8.mjs} +1 -1
  14. package/dist/{HChart-LlHYIP2A.js → HChart-Dw1BMCJS.js} +1 -1
  15. package/dist/{HDrawer-ZjHUxtXZ.js → HDrawer-C8dvmJDK.js} +1 -1
  16. package/dist/{HDrawer-DmG_tsdU.mjs → HDrawer-DT4e--7M.mjs} +1 -1
  17. package/dist/{HDropdown-DQ6KQfPV.mjs → HDropdown-BJ86EwdM.mjs} +2 -2
  18. package/dist/{HDropdown-bYmaAvIV.js → HDropdown-mSEm-0ZC.js} +1 -1
  19. package/dist/{HFileset-TWFJ3C6D.js → HFileset-Bu2-UdKj.js} +1 -1
  20. package/dist/{HFileset-Dh2nT5Lb.mjs → HFileset-Cux61F0B.mjs} +1 -1
  21. package/dist/{HGap-ESgOWL2x.mjs → HGap-B1aNR7TD.mjs} +1 -1
  22. package/dist/{HGap-BFE_cRNa.js → HGap-DsJy_QnE.js} +1 -1
  23. package/dist/{HGrid-DZDZM2pv.js → HGrid-1YUZ2y6u.js} +1 -1
  24. package/dist/{HGrid-DecXVfSi.mjs → HGrid-FcF7RriG.mjs} +1 -1
  25. package/dist/{HImagebox-CzVAIF4A.mjs → HImagebox-DSDY4e_1.mjs} +1 -1
  26. package/dist/{HImagebox-SZe_cRtZ.js → HImagebox-r9i5w5WN.js} +1 -1
  27. package/dist/{HInput-CpIPFgBo.mjs → HInput-BeirG4pw.mjs} +1 -1
  28. package/dist/{HInput-B51uh9uS.js → HInput-CcWTYayE.js} +1 -1
  29. package/dist/{HInputGroup-Bx2sXup7.mjs → HInputGroup-Bv-t7ZBL.mjs} +1 -1
  30. package/dist/{HInputGroup-BAcpG0lk.js → HInputGroup-lVdHU36z.js} +1 -1
  31. package/dist/{HLabel-Cot0n5dw.mjs → HLabel-CmmmUiDr.mjs} +2 -2
  32. package/dist/{HLabel-De0IPwWk.js → HLabel-vkRYvApC.js} +1 -1
  33. package/dist/{HLayout-jlynIYwJ.mjs → HLayout-D2zKRR83.mjs} +1 -1
  34. package/dist/{HLayout-C4ZeYEtd.js → HLayout-VCGeEX_T.js} +1 -1
  35. package/dist/{HList-CJBYg2Ey.mjs → HList-DhgYTjwz.mjs} +2 -2
  36. package/dist/{HList-D8M9ZWLn.js → HList-T55xOKTU.js} +1 -1
  37. package/dist/{HModal-XSU9c7IC.mjs → HModal-B8pFhGv2.mjs} +1 -1
  38. package/dist/{HModal-rOoHUUL2.js → HModal-C4C4J9GA.js} +1 -1
  39. package/dist/{HNote-ORA1FwDh.mjs → HNote-BU-iCtOe.mjs} +1 -1
  40. package/dist/{HNote-C0sXwB78.js → HNote-RUUsRTzx.js} +1 -1
  41. package/dist/{HPagination-CsJ6UyKF.js → HPagination-BxRAk9Pi.js} +1 -1
  42. package/dist/{HPagination-CkSZ9zBi.mjs → HPagination-DWjgxcvT.mjs} +2 -2
  43. package/dist/HParagraph-B3VkXyh7.js +1 -0
  44. package/dist/{HParagraph-BuY1NZBS.mjs → HParagraph-DPFhem-s.mjs} +58 -57
  45. package/dist/{HPopup-BPOIjJKC.mjs → HPopup-BYisJa_1.mjs} +1 -1
  46. package/dist/{HPopup--kcL-DVz.js → HPopup-Cnt1__JS.js} +1 -1
  47. package/dist/{HSpinner-nPz5YKt9.js → HSpinner-CMZ2W-GY.js} +1 -1
  48. package/dist/{HSpinner-BA6seHtJ.mjs → HSpinner-DSmODrHI.mjs} +1 -1
  49. package/dist/{HTable-Cf-RwscT.js → HTable-Dx5l45_-.js} +1 -1
  50. package/dist/{HTable-Doogy4ha.mjs → HTable-y6RSCTsB.mjs} +1 -1
  51. package/dist/hisonvue.cjs.js +1 -1
  52. package/dist/hisonvue.d.ts +1 -0
  53. package/dist/hisonvue.es.js +2 -2
  54. package/dist/{index-CGtmnY7e.mjs → index-C7E7pVNE.mjs} +1 -1
  55. package/dist/{index-u-g5zFbx.js → index-CPFyQIpi.js} +1 -1
  56. package/dist/{setButtonCssEvent-CCB_sufi.mjs → setButtonCssEvent-CVHwDerU.mjs} +1 -1
  57. package/dist/{setButtonCssEvent-POdDEEJw.js → setButtonCssEvent-Dv_zDL0C.js} +1 -1
  58. package/package.json +1 -1
  59. package/dist/HParagraph-CaMrBKMh.js +0 -1
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-CPFyQIpi.js"),se=require("./_plugin-vue_export-helper-BHFhmbuH.js"),re={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},text:{type:String,required:!1},fontBold:{type:Boolean,default:!1},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:n=>n==null||a.TEXT_ALIGN_VALUES.includes(n)},verticalAlign:{type:String,default:a.VerticalAlign.top,validator:n=>a.VERTICAL_ALIGN_VALUES.includes(n)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:a.BackgroundType.empty,validator:n=>a.BACKGROUND_TYPE_VALUES.includes(n)},whiteSpace:{type:String,default:null,validator:n=>n==null||a.WHITE_SPACE_VALUES.includes(n)},copyEnabled:{type:Boolean,default:!0},showCopyButton:{type:Boolean,default:!1},copyButtonText:{type:String,default:"copy"}},ie=t.defineComponent({name:"HParagraph",props:re,inheritAttrs:!1,emits:["mounted","responsive-change","copy-click","copied","copy-error"],setup(n,{emit:l}){const E=t.ref(null),d=t.ref(null),i=n.id?n.id:a.getUUID(),N=t.computed(()=>`hison_paragraph_copy_button_${i}`),v=`hparagraph:${i}`,u=a.useDevice(),I=t.useSlots(),y=t.ref(n.visible),h=t.ref(n.title||""),p=t.ref(n.text||""),g=t.ref(n.fontBold),C=t.ref(n.fontItalic),m=t.ref(n.fontThruline),b=t.ref(n.fontUnderline),w=t.ref(n.textAlign??a.TextAlign.left),T=t.ref(n.verticalAlign),B=t.ref(n.border),f=t.ref(n.backgroundType),S=t.ref(n.whiteSpace),s=t.ref(n.copyEnabled),k=t.ref(n.showCopyButton),A=t.ref(n.copyButtonText),L=t.computed(()=>I.default?I.default():[]),P=t.computed(()=>L.value.length>0&&L.value.every(e=>e.type===t.Text)),U=t.computed(()=>!!I.default&&!P.value),F=t.computed(()=>!!I.default&&L.value.length>0);t.onMounted(()=>{if(P.value){const e=L.value.map(o=>String(o.children??"")).join("");p.value=e}});const K=t.computed(()=>y.value?"":"hison-display-none"),q=t.computed(()=>B.value?"hison-border":""),z=t.computed(()=>{switch(f.value){case a.BackgroundType.empty:return"hison-bg-empty";case a.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),M=t.computed(()=>g.value?"hison-font-bold":""),G=t.computed(()=>C.value?"hison-font-italic":""),O=t.computed(()=>m.value?"hison-font-thruline":""),j=t.computed(()=>b.value?"hison-font-underline":""),W=t.computed(()=>s.value?"":"hison-no-select"),V=t.ref([]),R=()=>{V.value=a.extractResponsiveClasses(a.toClassString(n.class)||"",u.value),a.addComponentNameToClass(V.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(V.value,"color","primary")},X=t.computed(()=>{const e=[];return e.push(...a.extractPrefixedClasses(a.toClassString(n.class)||"","color")),e}),Y=t.computed(()=>S.value??"pre-wrap"),J=t.computed(()=>{switch(Y.value){case"normal":return"hison-ws-normal";case"pre":return"hison-ws-pre";case"pre-wrap":return"hison-ws-pre-wrap";case"pre-line":return"hison-ws-pre-line";case"break-spaces":return"hison-ws-break-spaces";default:return""}}),Q=t.computed(()=>{switch(w.value){case"center":return"hison-ta-center";case"right":return"hison-ta-right";default:return"hison-ta-left"}}),Z=t.computed(()=>{switch(T.value){case"middle":return"hison-valign-middle";case"bottom":return"hison-valign-bottom";default:return""}}),_=()=>{const e=E.value;return e?e.innerText??"":""},D=async()=>{if(!s.value)return!1;const e=_();try{if(navigator.clipboard&&typeof navigator.clipboard.writeText=="function")return await navigator.clipboard.writeText(e),!0}catch{}try{const o=document.createRange(),c=E.value;if(!c)throw new Error("no element");o.selectNodeContents(c);const r=window.getSelection();r==null||r.removeAllRanges(),r==null||r.addRange(o);const le=document.execCommand("copy");return r==null||r.removeAllRanges(),le}catch{return!1}},$=async(e,o)=>{l("copy-click",{src:e,event:o,api:d.value});try{const c=await D();l("copied",c,d.value)}catch(c){l("copy-error",c,d.value)}},ee=async e=>{await $("button",e)},te=async e=>{const o=/Mac|iPod|iPhone|iPad/.test(navigator.platform),c=(o?e.metaKey:e.ctrlKey)&&(e.key==="c"||e.key==="C"),r=(o?e.metaKey:e.ctrlKey)&&(e.key==="x"||e.key==="X");if(!s.value&&(c||r)){e.preventDefault(),e.stopPropagation();return}s.value&&c&&(e.preventDefault(),e.stopPropagation(),await $("keyboard",e))},ne=async e=>{if(!s.value){e.preventDefault();return}e.preventDefault(),await $("native",e)},oe=e=>{s.value||e.preventDefault()},ae=e=>{s.value||e.preventDefault()},x=()=>{a.hisonCloser.component.paragraphList[i]&&a.hisonCloser.component.paragraphList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${i}`),a.registerReloadable(v,()=>{H(),t.nextTick(x)}),R(),d.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"paragraph",isVisible:()=>y.value,setVisible:e=>{y.value=e},getTitle:()=>h.value,setTitle:e=>{h.value=e||""},getText:()=>U.value?"":p.value,setText:e=>{U.value||(p.value=e??"")},getTextAlign:()=>w.value,setTextAlign:e=>{(e==="left"||e==="center"||e==="right")&&(w.value=e)},getVerticalAlign:()=>T.value,setVerticalAlign:e=>{T.value=e},isFontBold:()=>g.value,setFontBold:e=>{g.value=e},isFontItalic:()=>C.value,setFontItalic:e=>{C.value=e},isFontThruline:()=>m.value,setFontThruline:e=>{m.value=e},isFontUnderline:()=>b.value,setFontUnderline:e=>{b.value=e},isBorder:()=>B.value,setBorder:e=>{B.value=e},getBackgroundType:()=>f.value,setBackgroundType:e=>{f.value=e},getWhiteSpace:()=>S.value,setWhiteSpace:e=>{S.value=e},getCopyButtonText:()=>A.value,setCopyButtonText:e=>{A.value=e},isCopyEnabled:()=>s.value,setCopyEnabled:e=>{s.value=e},isShowCopyButton:()=>k.value,setShowCopyButton:e=>{k.value=e},copy:async()=>await D(),reload:()=>a.reloadHisonComponent(v)},a.hisonCloser.component.paragraphList[i]=d.value,l("mounted",d.value)},H=()=>{a.unregisterReloadable(v),delete a.hisonCloser.component.paragraphList[i]};return t.onMounted(x),t.onBeforeUnmount(H),t.watch(u,e=>{R(),l("responsive-change",e)}),t.watch(()=>n.visible,e=>{const o=!!e;o!==y.value&&(y.value=o)}),t.watch(()=>n.title,e=>{const o=e??"";o!==h.value&&(h.value=o)}),t.watch(()=>n.text,e=>{const o=e??"";!U.value&&o!==p.value&&(p.value=o)}),t.watch(()=>n.fontBold,e=>{const o=!!e;o!==g.value&&(g.value=o)}),t.watch(()=>n.fontItalic,e=>{const o=!!e;o!==C.value&&(C.value=o)}),t.watch(()=>n.fontThruline,e=>{const o=!!e;o!==m.value&&(m.value=o)}),t.watch(()=>n.fontUnderline,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>n.textAlign,e=>{e&&e!==w.value&&(e==="left"||e==="center"||e==="right")&&(w.value=e)}),t.watch(()=>n.verticalAlign,e=>{e&&e!==T.value&&(e==="top"||e==="middle"||e==="bottom")&&(T.value=e)}),t.watch(()=>n.whiteSpace,e=>{const o=e??null;o!==S.value&&(S.value=o)}),t.watch(()=>n.border,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>n.backgroundType,e=>{e&&e!==f.value&&(f.value=e)}),t.watch(()=>n.copyEnabled,e=>{const o=!!e;o!==s.value&&(s.value=o)}),t.watch(()=>n.showCopyButton,e=>{const o=!!e;o!==k.value&&(k.value=o)}),t.watch(()=>n.copyButtonText,e=>{const o=e??"copy";o!==A.value&&(A.value=o)}),t.watch(()=>n.class,()=>{R()}),{paraRef:E,paragraphMethods:t.computed(()=>t.unref(d)),props:n,id:i,copyButtonId:N,title:h,visibleClass:K,borderClass:q,backgroundType:f,backgroundTypeClass:z,fontBoldClass:M,fontItalicClass:G,fontThrulineClass:O,fontUnderlineClass:j,responsiveClassList:V,buttonClassList:X,internalText:p,copyButtonText:A,copyEnabled:s,showCopyButton:k,hasElementSlot:U,hasAnySlot:F,whiteSpaceClass:J,textAlignClass:Q,verticalAlignClass:Z,copyGuardClass:W,onKeydown:te,onCopyEvent:ne,onCutEvent:oe,onSelectStart:ae,onCopyButtonClick:ee}}}),ue={key:0,class:"hison-paragraph-copybtn"},ce=["title"];function de(n,l,E,d,i,N){const v=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper","hison-paragraph-wrapper",...n.responsiveClassList,n.visibleClass])},[n.copyEnabled&&n.showCopyButton?(t.openBlock(),t.createElementBlock("div",ue,[t.renderSlot(n.$slots,"copy-button",{onClick:n.onCopyButtonClick,text:n.copyButtonText},()=>[t.createVNode(v,{id:n.copyButtonId,class:t.normalizeClass([...n.buttonClassList,"hison-size-s"]),border:!0,text:n.copyButtonText,"background-type":n.backgroundType,onClick:n.onCopyButtonClick,title:"Copy content"},t.createSlots({default:t.withCtx(()=>[n.$slots["copy-label"]?t.renderSlot(n.$slots,"copy-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[n.$slots["copy-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"copy-icon")]),key:"0"}:void 0]),1032,["id","class","text","background-type","onClick"])])])):t.createCommentVNode("",!0),t.createElementVNode("p",{ref:"paraRef",class:t.normalizeClass(["hison-paragraph",[n.borderClass,n.backgroundTypeClass,n.fontBoldClass,n.fontItalicClass,n.fontThrulineClass,n.fontUnderlineClass,n.whiteSpaceClass,n.textAlignClass,n.verticalAlignClass,n.copyGuardClass]]),style:t.normalizeStyle(n.props.style),title:n.title||void 0,tabindex:"0",onKeydown:l[0]||(l[0]=(...u)=>n.onKeydown&&n.onKeydown(...u)),onCopy:l[1]||(l[1]=(...u)=>n.onCopyEvent&&n.onCopyEvent(...u)),onCut:l[2]||(l[2]=(...u)=>n.onCutEvent&&n.onCutEvent(...u)),onSelectstart:l[3]||(l[3]=(...u)=>n.onSelectStart&&n.onSelectStart(...u))},[n.hasElementSlot?t.renderSlot(n.$slots,"default",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.internalText),1)],64))],46,ce)],2)}const pe=se._export_sfc(ie,[["render",de]]);exports.default=pe;
@@ -1,5 +1,5 @@
1
- import { defineComponent as Ce, ref as o, computed as a, useSlots as be, Text as me, onMounted as O, onBeforeUnmount as Te, watch as l, unref as Be, nextTick as we, resolveComponent as Se, createElementBlock as x, openBlock as F, normalizeClass as H, createCommentVNode as W, createElementVNode as ke, renderSlot as D, createVNode as Ae, createSlots as Ee, withCtx as X, normalizeStyle as Ie, Fragment as Le, createTextVNode as Ue, toDisplayString as Ve } from "vue";
2
- import { a0 as Re, B as $e, f as K, a1 as De, a2 as Pe, T as Ne, g as xe, u as Fe, w as He, j as Ke, t as Y, e as qe, b as J, h as I, r as ze, c as Ge, d as Me } from "./index-CGtmnY7e.mjs";
1
+ import { defineComponent as Ce, ref as o, computed as a, useSlots as be, Text as me, onMounted as O, onBeforeUnmount as Te, watch as l, unref as Be, nextTick as we, resolveComponent as Se, createElementBlock as F, openBlock as H, normalizeClass as K, createCommentVNode as W, createElementVNode as ke, renderSlot as D, createVNode as Ae, createSlots as Ee, withCtx as X, normalizeStyle as Ie, Fragment as Le, createTextVNode as Ue, toDisplayString as Ve } from "vue";
2
+ import { a0 as Re, B as $e, f as x, a1 as De, a2 as Pe, T as Ne, g as Fe, u as He, w as Ke, j as xe, t as Y, e as qe, b as J, h as I, r as ze, c as Ge, d as Me } from "./index-C7E7pVNE.mjs";
3
3
  import { _ as je } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const Oe = {
5
5
  /**
@@ -90,7 +90,7 @@ const Oe = {
90
90
  */
91
91
  backgroundType: {
92
92
  type: String,
93
- default: K.empty,
93
+ default: x.empty,
94
94
  validator: (t) => $e.includes(t)
95
95
  },
96
96
  /**
@@ -107,7 +107,7 @@ const Oe = {
107
107
  * Enables content copy.
108
108
  * - When true: Ctrl/Cmd+C works on focus; `copy()` API is available
109
109
  */
110
- copyEnabled: { type: Boolean, default: !1 },
110
+ copyEnabled: { type: Boolean, default: !0 },
111
111
  /**
112
112
  * Shows the copy button on the top-right corner.
113
113
  * - Only visible when `copyEnabled` is true
@@ -129,7 +129,7 @@ const Oe = {
129
129
  "copy-error"
130
130
  ],
131
131
  setup(t, { emit: s }) {
132
- const L = o(null), v = o(null), u = t.id ? t.id : xe(), q = a(() => `hison_paragraph_copy_button_${u}`), f = `hparagraph:${u}`, c = Fe(), U = be(), y = o(t.visible), g = o(t.title || ""), p = o(t.text || ""), h = o(t.fontBold), C = o(t.fontItalic), b = o(t.fontThruline), m = o(t.fontUnderline), T = o(t.textAlign ?? He.left), B = o(t.verticalAlign), w = o(t.border), S = o(t.backgroundType), k = o(t.whiteSpace), i = o(t.copyEnabled), A = o(t.showCopyButton), E = o(t.copyButtonText), V = a(() => U.default ? U.default() : []), z = a(
132
+ const L = o(null), v = o(null), u = t.id ? t.id : Fe(), q = a(() => `hison_paragraph_copy_button_${u}`), y = `hparagraph:${u}`, c = He(), U = be(), g = o(t.visible), h = o(t.title || ""), p = o(t.text || ""), C = o(t.fontBold), b = o(t.fontItalic), m = o(t.fontThruline), T = o(t.fontUnderline), B = o(t.textAlign ?? Ke.left), w = o(t.verticalAlign), S = o(t.border), f = o(t.backgroundType), k = o(t.whiteSpace), i = o(t.copyEnabled), A = o(t.showCopyButton), E = o(t.copyButtonText), V = a(() => U.default ? U.default() : []), z = a(
133
133
  () => V.value.length > 0 && V.value.every((e) => e.type === me)
134
134
  ), R = a(() => !!U.default && !z.value), Q = a(() => !!U.default && V.value.length > 0);
135
135
  O(() => {
@@ -138,20 +138,20 @@ const Oe = {
138
138
  p.value = e;
139
139
  }
140
140
  });
141
- const Z = a(() => y.value ? "" : "hison-display-none"), _ = a(() => w.value ? "hison-border" : ""), ee = a(() => {
142
- switch (S.value) {
143
- case K.empty:
141
+ const Z = a(() => g.value ? "" : "hison-display-none"), _ = a(() => S.value ? "hison-border" : ""), ee = a(() => {
142
+ switch (f.value) {
143
+ case x.empty:
144
144
  return "hison-bg-empty";
145
- case K.transparent:
145
+ case x.transparent:
146
146
  return "hison-bg-transparent";
147
147
  default:
148
148
  return "hison-bg-filled";
149
149
  }
150
- }), te = a(() => h.value ? "hison-font-bold" : ""), ne = a(() => C.value ? "hison-font-italic" : ""), ae = a(() => b.value ? "hison-font-thruline" : ""), oe = a(() => m.value ? "hison-font-underline" : ""), le = a(() => i.value ? "" : "hison-no-select"), $ = o([]), P = () => {
150
+ }), te = a(() => C.value ? "hison-font-bold" : ""), ne = a(() => b.value ? "hison-font-italic" : ""), ae = a(() => m.value ? "hison-font-thruline" : ""), oe = a(() => T.value ? "hison-font-underline" : ""), le = a(() => i.value ? "" : "hison-no-select"), $ = o([]), P = () => {
151
151
  $.value = qe(Y(t.class) || "", c.value), J($.value, "size", I.componentStyle.size), J($.value, "color", "primary");
152
152
  }, se = a(() => {
153
153
  const e = [];
154
- return e.push(...Ke(Y(t.class) || "", "color")), e;
154
+ return e.push(...xe(Y(t.class) || "", "color")), e;
155
155
  }), ie = a(() => k.value ?? "pre-wrap"), re = a(() => {
156
156
  switch (ie.value) {
157
157
  case "normal":
@@ -168,7 +168,7 @@ const Oe = {
168
168
  return "";
169
169
  }
170
170
  }), ue = a(() => {
171
- switch (T.value) {
171
+ switch (B.value) {
172
172
  case "center":
173
173
  return "hison-ta-center";
174
174
  case "right":
@@ -177,7 +177,7 @@ const Oe = {
177
177
  return "hison-ta-left";
178
178
  }
179
179
  }), ce = a(() => {
180
- switch (B.value) {
180
+ switch (w.value) {
181
181
  case "middle":
182
182
  return "hison-valign-middle";
183
183
  case "bottom":
@@ -235,55 +235,55 @@ const Oe = {
235
235
  }, ge = (e) => {
236
236
  i.value || e.preventDefault();
237
237
  }, M = () => {
238
- I.component.paragraphList[u] && I.component.paragraphList[u].isHisonvueComponent && console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${u}`), ze(f, () => {
238
+ I.component.paragraphList[u] && I.component.paragraphList[u].isHisonvueComponent && console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${u}`), ze(y, () => {
239
239
  j(), we(M);
240
240
  }), P(), v.value = {
241
241
  isHisonvueComponent: !0,
242
242
  getId: () => u,
243
243
  getType: () => "paragraph",
244
- isVisible: () => y.value,
244
+ isVisible: () => g.value,
245
245
  setVisible: (e) => {
246
- y.value = e;
246
+ g.value = e;
247
247
  },
248
- getTitle: () => g.value,
248
+ getTitle: () => h.value,
249
249
  setTitle: (e) => {
250
- g.value = e || "";
250
+ h.value = e || "";
251
251
  },
252
252
  getText: () => R.value ? "" : p.value,
253
253
  setText: (e) => {
254
254
  R.value || (p.value = e ?? "");
255
255
  },
256
- getTextAlign: () => T.value,
256
+ getTextAlign: () => B.value,
257
257
  setTextAlign: (e) => {
258
- (e === "left" || e === "center" || e === "right") && (T.value = e);
258
+ (e === "left" || e === "center" || e === "right") && (B.value = e);
259
259
  },
260
- getVerticalAlign: () => B.value,
260
+ getVerticalAlign: () => w.value,
261
261
  setVerticalAlign: (e) => {
262
- B.value = e;
262
+ w.value = e;
263
263
  },
264
- isFontBold: () => h.value,
264
+ isFontBold: () => C.value,
265
265
  setFontBold: (e) => {
266
- h.value = e;
266
+ C.value = e;
267
267
  },
268
- isFontItalic: () => C.value,
268
+ isFontItalic: () => b.value,
269
269
  setFontItalic: (e) => {
270
- C.value = e;
270
+ b.value = e;
271
271
  },
272
- isFontThruline: () => b.value,
272
+ isFontThruline: () => m.value,
273
273
  setFontThruline: (e) => {
274
- b.value = e;
274
+ m.value = e;
275
275
  },
276
- isFontUnderline: () => m.value,
276
+ isFontUnderline: () => T.value,
277
277
  setFontUnderline: (e) => {
278
- m.value = e;
278
+ T.value = e;
279
279
  },
280
- isBorder: () => w.value,
280
+ isBorder: () => S.value,
281
281
  setBorder: (e) => {
282
- w.value = e;
282
+ S.value = e;
283
283
  },
284
- getBackgroundType: () => S.value,
284
+ getBackgroundType: () => f.value,
285
285
  setBackgroundType: (e) => {
286
- S.value = e;
286
+ f.value = e;
287
287
  },
288
288
  getWhiteSpace: () => k.value,
289
289
  setWhiteSpace: (e) => {
@@ -302,46 +302,46 @@ const Oe = {
302
302
  A.value = e;
303
303
  },
304
304
  copy: async () => await G(),
305
- reload: () => Ge(f)
305
+ reload: () => Ge(y)
306
306
  }, I.component.paragraphList[u] = v.value, s("mounted", v.value);
307
307
  }, j = () => {
308
- Me(f), delete I.component.paragraphList[u];
308
+ Me(y), delete I.component.paragraphList[u];
309
309
  };
310
310
  return O(M), Te(j), l(c, (e) => {
311
311
  P(), s("responsive-change", e);
312
312
  }), l(() => t.visible, (e) => {
313
313
  const n = !!e;
314
- n !== y.value && (y.value = n);
314
+ n !== g.value && (g.value = n);
315
315
  }), l(() => t.title, (e) => {
316
316
  const n = e ?? "";
317
- n !== g.value && (g.value = n);
317
+ n !== h.value && (h.value = n);
318
318
  }), l(() => t.text, (e) => {
319
319
  const n = e ?? "";
320
320
  !R.value && n !== p.value && (p.value = n);
321
321
  }), l(() => t.fontBold, (e) => {
322
322
  const n = !!e;
323
- n !== h.value && (h.value = n);
323
+ n !== C.value && (C.value = n);
324
324
  }), l(() => t.fontItalic, (e) => {
325
325
  const n = !!e;
326
- n !== C.value && (C.value = n);
326
+ n !== b.value && (b.value = n);
327
327
  }), l(() => t.fontThruline, (e) => {
328
328
  const n = !!e;
329
- n !== b.value && (b.value = n);
329
+ n !== m.value && (m.value = n);
330
330
  }), l(() => t.fontUnderline, (e) => {
331
331
  const n = !!e;
332
- n !== m.value && (m.value = n);
332
+ n !== T.value && (T.value = n);
333
333
  }), l(() => t.textAlign, (e) => {
334
- e && e !== T.value && (e === "left" || e === "center" || e === "right") && (T.value = e);
334
+ e && e !== B.value && (e === "left" || e === "center" || e === "right") && (B.value = e);
335
335
  }), l(() => t.verticalAlign, (e) => {
336
- e && e !== B.value && (e === "top" || e === "middle" || e === "bottom") && (B.value = e);
336
+ e && e !== w.value && (e === "top" || e === "middle" || e === "bottom") && (w.value = e);
337
337
  }), l(() => t.whiteSpace, (e) => {
338
338
  const n = e ?? null;
339
339
  n !== k.value && (k.value = n);
340
340
  }), l(() => t.border, (e) => {
341
341
  const n = !!e;
342
- n !== w.value && (w.value = n);
342
+ n !== S.value && (S.value = n);
343
343
  }), l(() => t.backgroundType, (e) => {
344
- e && e !== S.value && (S.value = e);
344
+ e && e !== f.value && (f.value = e);
345
345
  }), l(() => t.copyEnabled, (e) => {
346
346
  const n = !!e;
347
347
  n !== i.value && (i.value = n);
@@ -359,9 +359,10 @@ const Oe = {
359
359
  props: t,
360
360
  id: u,
361
361
  copyButtonId: q,
362
- title: g,
362
+ title: h,
363
363
  visibleClass: Z,
364
364
  borderClass: _,
365
+ backgroundType: f,
365
366
  backgroundTypeClass: ee,
366
367
  fontBoldClass: te,
367
368
  fontItalicClass: ne,
@@ -391,26 +392,26 @@ const Oe = {
391
392
  class: "hison-paragraph-copybtn"
392
393
  }, Ye = ["title"];
393
394
  function Je(t, s, L, v, u, q) {
394
- const f = Se("HButton");
395
- return F(), x("div", {
396
- class: H([
395
+ const y = Se("HButton");
396
+ return H(), F("div", {
397
+ class: K([
397
398
  "hison-wrapper",
398
399
  "hison-paragraph-wrapper",
399
400
  ...t.responsiveClassList,
400
401
  t.visibleClass
401
402
  ])
402
403
  }, [
403
- t.copyEnabled && t.showCopyButton ? (F(), x("div", Xe, [
404
+ t.copyEnabled && t.showCopyButton ? (H(), F("div", Xe, [
404
405
  D(t.$slots, "copy-button", {
405
406
  onClick: t.onCopyButtonClick,
406
407
  text: t.copyButtonText
407
408
  }, () => [
408
- Ae(f, {
409
+ Ae(y, {
409
410
  id: t.copyButtonId,
410
- class: H([...t.buttonClassList, "hison-size-s"]),
411
+ class: K([...t.buttonClassList, "hison-size-s"]),
411
412
  border: !0,
412
413
  text: t.copyButtonText,
413
- "background-type": "transparent",
414
+ "background-type": t.backgroundType,
414
415
  onClick: t.onCopyButtonClick,
415
416
  title: "Copy content"
416
417
  }, Ee({
@@ -426,12 +427,12 @@ function Je(t, s, L, v, u, q) {
426
427
  ]),
427
428
  key: "0"
428
429
  } : void 0
429
- ]), 1032, ["id", "class", "text", "onClick"])
430
+ ]), 1032, ["id", "class", "text", "background-type", "onClick"])
430
431
  ])
431
432
  ])) : W("", !0),
432
433
  ke("p", {
433
434
  ref: "paraRef",
434
- class: H(["hison-paragraph", [
435
+ class: K(["hison-paragraph", [
435
436
  t.borderClass,
436
437
  t.backgroundTypeClass,
437
438
  t.fontBoldClass,
@@ -451,7 +452,7 @@ function Je(t, s, L, v, u, q) {
451
452
  onCut: s[2] || (s[2] = (...c) => t.onCutEvent && t.onCutEvent(...c)),
452
453
  onSelectstart: s[3] || (s[3] = (...c) => t.onSelectStart && t.onSelectStart(...c))
453
454
  }, [
454
- t.hasElementSlot ? D(t.$slots, "default", { key: 0 }) : (F(), x(Le, { key: 1 }, [
455
+ t.hasElementSlot ? D(t.$slots, "default", { key: 0 }) : (H(), F(Le, { key: 1 }, [
455
456
  Ue(Ve(t.internalText), 1)
456
457
  ], 64))
457
458
  ], 46, Ye)
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as Ie, ref as o, computed as d, onMounted as Re, onBeforeUnmount as Me, watch as n, unref as F, nextTick as Z, resolveComponent as Ee, createElementBlock as ne, openBlock as se, normalizeClass as B, createCommentVNode as G, createElementVNode as V, normalizeStyle as J, renderSlot as W, createVNode as He, createSlots as Ve, withCtx as ae } from "vue";
2
- import { S as We, i as c, g as De, u as qe, j as Xe, t as ie, e as xe, b as re, h as z, r as Ue, c as Ye, d as je } from "./index-CGtmnY7e.mjs";
2
+ import { S as We, i as c, g as De, u as qe, j as Xe, t as ie, e as xe, b as re, h as z, r as Ue, c as Ye, d as je } from "./index-C7E7pVNE.mjs";
3
3
  import { a as Fe, r as Ze } from "./scrollManager-BGnq4wyt.mjs";
4
4
  import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const Je = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-u-g5zFbx.js"),Z=require("./scrollManager-CEEWQwoK.js"),ge=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:!1},border:{type:Boolean,default:!0},zIndex:{type:Number,default:1200},position:{type:String,default:n.ScreenPosition.middleCenter,validator:l=>n.SCREEN_POSITION_VALUES.includes(l)},left:{type:Number,default:null},top:{type:Number,default:null},width:{type:Number,default:null},height:{type:Number,default:null},draggable:{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:"HPopup",props:Ce,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:c,slots:G}){const i=l.id||n.getUUID(),z=`hpopup:${i}`,E=n.useDevice(),w=t.ref(null),v=t.ref(null),s=t.ref(l.visible),J=t.ref(!0),f=t.ref(l.zIndex??1100),L=t.ref(l.position),r=t.ref(l.left??null),u=t.ref(l.top??null),m=t.ref(l.width??null),h=t.ref(l.height??null),B=t.ref(l.showOverlay),P=t.ref(l.closeClickOverlay),y=t.ref(l.scrollLock),d=t.ref(l.enterAnimationClass||"hison-popup-enter"),p=t.ref(l.leaveAnimationClass||"hison-popup-leave"),K=t.computed(()=>s.value?"":"hison-display-none"),N=t.ref([]),I=()=>{N.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",E.value),n.addComponentNameToClass(N.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(N.value,"color","primary")},Q=t.computed(()=>[...n.extractPrefixedClasses(n.toClassString(l.class)||"","color")]),_=t.computed(()=>s.value&&B.value),ee=()=>{P.value&&g()},te=t.computed(()=>{const e={zIndex:f.value,position:"fixed"};if(r.value!=null||u.value!=null)return e.left=`${r.value??0}px`,e.top=`${u.value??0}px`,e;switch(e.left="",e.right="",e.top="",e.bottom="",e.transform="none",L.value){case n.ScreenPosition.topLeft:e.left="0",e.top="0";break;case n.ScreenPosition.topCenter:e.left="50%",e.top="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:e.right="0",e.top="0";break;case n.ScreenPosition.middleLeft:e.left="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:e.left="50%",e.top="50%",e.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:e.right="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:e.left="0",e.bottom="0";break;case n.ScreenPosition.bottomCenter:e.left="50%",e.bottom="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:e.right="0",e.bottom="0";break}return e}),le=t.computed(()=>{const o={zIndex:(f.value??1100)-1},a=l.overlayStyle;return a?Array.isArray(a)?[{...o},...a]:typeof a=="string"?[o,a]:{...o,...a}:o}),oe=t.computed(()=>{const e={};return m.value!=null&&(e.width=`${m.value}px`),h.value!=null&&(e.height=`${h.value}px`),e}),b=t.ref(l.border),ne=t.computed(()=>b.value?"hison-border":"hison-border-none"),se=t.computed(()=>b.value?"filled":"empty"),A=()=>{y.value&&Z.acquireScrollLock(i)},V=()=>{y.value&&Z.releaseScrollLock(i)},D=async()=>{const e=v.value;!e||!d.value||(e.classList.remove(p.value),e.offsetWidth,e.classList.add(d.value))},ae=async()=>{const e=v.value;!e||!p.value||(e.classList.remove(d.value),e.offsetWidth,e.classList.add(p.value),await new Promise(o=>setTimeout(o,200)))},$=async()=>{s.value||(s.value=!0,A(),await t.nextTick(),D(),c("open",t.unref(k)))},g=async()=>{if(s.value)try{await ae()}finally{s.value=!1,V(),c("close",t.unref(k))}},ie=async()=>s.value?g():$(),re=()=>{g()},C=t.ref(l.draggable),T=t.ref(!1);let x=0,X=0,U=0,Y=0,S=null,O=null;const ue=()=>{if(r.value==null&&u.value==null){const e=w.value;if(!e)return;const o=e.getBoundingClientRect();r.value=Math.round(o.left),u.value=Math.round(o.top)}},ce=(e,o)=>{const a=w.value;if(!a)return{l:e,t:o};const q=window.innerWidth,W=window.innerHeight,pe=a.offsetWidth,fe=a.offsetHeight,me=0,he=0,ye=Math.max(0,q-pe),be=Math.max(0,W-fe);return{l:Math.min(Math.max(e,me),ye),t:Math.min(Math.max(o,he),be)}},ve=(e,o)=>{O={l:e,t:o},S==null&&(S=requestAnimationFrame(()=>{O&&(r.value=O.l,u.value=O.t,O=null),S=null}))},M=e=>{if(!T.value)return;const o=e.clientX-x,a=e.clientY-X,{l:q,t:W}=ce(U+o,Y+a);ve(q,W)},R=()=>{T.value&&(T.value=!1,document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="")},de=e=>{!C.value||e.target.closest(".hison-popup-close-btn")||(ue(),T.value=!0,x=e.clientX,X=e.clientY,U=r.value??0,Y=u.value??0,document.body.style.userSelect="none",document.addEventListener("pointermove",M,!0),document.addEventListener("pointerup",R,!0))},H=()=>{S!=null&&(cancelAnimationFrame(S),S=null),document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="",T.value=!1},k=t.ref(null),j=()=>{n.hisonCloser.component.popupList[i]&&n.hisonCloser.component.popupList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The popup ID is at risk of being duplicated. ${i}`),n.registerReloadable(z,()=>{F(),t.nextTick(j)}),I(),s.value&&(A(),t.nextTick(D)),k.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"popup",isVisible:()=>s.value,open:$,close:g,toggle:ie,setVisible:e=>e?$():g(),getZIndex:()=>f.value,setZIndex:e=>{f.value=e},getPosition:()=>L.value,setPosition:e=>{L.value=e},getLeft:()=>r.value,setLeft:e=>{r.value=e},getTop:()=>u.value,setTop:e=>{u.value=e},getWidth:()=>m.value,setWidth:e=>{m.value=e},getHeight:()=>h.value,setHeight:e=>{h.value=e},isDraggable:()=>C.value,setDraggable:e=>{C.value=e,e||H()},isOverlayShown:()=>B.value,setOverlayShown:e=>{B.value=e},isCloseClickOverlay:()=>P.value,setCloseClickOverlay:e=>{P.value=e},isScrollLocked:()=>y.value,setScrollLock:e=>{y.value=e,s.value&&(e?A():V())},isBorder:()=>b.value,setBorder:e=>{b.value=e},getAnimationClasses:()=>({enter:d.value,leave:p.value}),setAnimationClasses:e=>{"enter"in e&&(d.value=e.enter||""),"leave"in e&&(p.value=e.leave||"")},reload:()=>n.reloadHisonComponent(z)},n.hisonCloser.component.popupList[i]=k.value,c("mounted",k.value)},F=()=>{H(),n.unregisterReloadable(z),delete n.hisonCloser.component.popupList[i],s.value&&V()};return t.onMounted(j),t.onBeforeUnmount(F),t.watch(E,e=>{I(),c("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==s.value&&(o?$():g())}),t.watch(()=>l.zIndex,e=>{const o=Number(e??1100);o!==f.value&&(f.value=o)}),t.watch(()=>l.position,e=>{e&&e!==L.value&&(L.value=e)}),t.watch(()=>l.left,e=>{const o=e==null?null:Number(e);o!==r.value&&(r.value=o)}),t.watch(()=>l.top,e=>{const o=e==null?null:Number(e);o!==u.value&&(u.value=o)}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==m.value&&(m.value=o)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==h.value&&(h.value=o)}),t.watch(()=>l.draggable,e=>{const o=!!e;o!==C.value&&(C.value=o,o||H())}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==P.value&&(P.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==y.value&&(y.value=o,s.value&&(o?A():V()))}),t.watch(()=>l.border,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||"hison-popup-enter";o!==d.value&&(d.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||"hison-popup-leave";o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{I()}),{id:i,props:l,popupRef:v,popupWrapperRef:w,visibleClass:K,responsiveClassList:N,childClassList:Q,borderClass:ne,wrapperStyle:te,overlayStyleWithZ:le,isOverlayVisible:_,sizeStyle:oe,closeButtonVisible:J,closeButtonBackgroundType:se,closeButtonText:"X",closeButtonTitle:"Close",draggable:C,onClickCloseButton:re,onOverlayClick:ee,onTopbarPointerDown:de,popupMethods:t.computed(()=>t.unref(k))}}}),ke={class:t.normalizeClass(["hison-popup-body"])};function we(l,c,G,i,z,E){const w=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-popup-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:c[0]||(c[0]=(...v)=>l.onOverlayClick&&l.onOverlayClick(...v))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popupWrapperRef",class:t.normalizeClass(["hison-popup-wrapper",...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"popupRef",class:t.normalizeClass(["hison-popup",l.borderClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["hison-popup-topbar",l.draggable?"hison-draggable":""]),onPointerdown:c[1]||(c[1]=(...v)=>l.onTopbarPointerDown&&l.onTopbarPointerDown(...v))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickCloseButton,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(w,{id:`hison_popup_close_${l.id}`,class:t.normalizeClass(["hison-popup-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:!1,"background-type":l.closeButtonBackgroundType,onClick:l.onClickCloseButton},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","background-type","onClick"])]):t.createCommentVNode("",!0)],34),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],6)],6)],2)}const Le=ge._export_sfc(Se,[["render",we]]);exports.default=Le;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-CPFyQIpi.js"),Z=require("./scrollManager-CEEWQwoK.js"),ge=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:!1},border:{type:Boolean,default:!0},zIndex:{type:Number,default:1200},position:{type:String,default:n.ScreenPosition.middleCenter,validator:l=>n.SCREEN_POSITION_VALUES.includes(l)},left:{type:Number,default:null},top:{type:Number,default:null},width:{type:Number,default:null},height:{type:Number,default:null},draggable:{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:"HPopup",props:Ce,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:c,slots:G}){const i=l.id||n.getUUID(),z=`hpopup:${i}`,E=n.useDevice(),w=t.ref(null),v=t.ref(null),s=t.ref(l.visible),J=t.ref(!0),f=t.ref(l.zIndex??1100),L=t.ref(l.position),r=t.ref(l.left??null),u=t.ref(l.top??null),m=t.ref(l.width??null),h=t.ref(l.height??null),B=t.ref(l.showOverlay),P=t.ref(l.closeClickOverlay),y=t.ref(l.scrollLock),d=t.ref(l.enterAnimationClass||"hison-popup-enter"),p=t.ref(l.leaveAnimationClass||"hison-popup-leave"),K=t.computed(()=>s.value?"":"hison-display-none"),N=t.ref([]),I=()=>{N.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",E.value),n.addComponentNameToClass(N.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(N.value,"color","primary")},Q=t.computed(()=>[...n.extractPrefixedClasses(n.toClassString(l.class)||"","color")]),_=t.computed(()=>s.value&&B.value),ee=()=>{P.value&&g()},te=t.computed(()=>{const e={zIndex:f.value,position:"fixed"};if(r.value!=null||u.value!=null)return e.left=`${r.value??0}px`,e.top=`${u.value??0}px`,e;switch(e.left="",e.right="",e.top="",e.bottom="",e.transform="none",L.value){case n.ScreenPosition.topLeft:e.left="0",e.top="0";break;case n.ScreenPosition.topCenter:e.left="50%",e.top="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:e.right="0",e.top="0";break;case n.ScreenPosition.middleLeft:e.left="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:e.left="50%",e.top="50%",e.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:e.right="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:e.left="0",e.bottom="0";break;case n.ScreenPosition.bottomCenter:e.left="50%",e.bottom="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:e.right="0",e.bottom="0";break}return e}),le=t.computed(()=>{const o={zIndex:(f.value??1100)-1},a=l.overlayStyle;return a?Array.isArray(a)?[{...o},...a]:typeof a=="string"?[o,a]:{...o,...a}:o}),oe=t.computed(()=>{const e={};return m.value!=null&&(e.width=`${m.value}px`),h.value!=null&&(e.height=`${h.value}px`),e}),b=t.ref(l.border),ne=t.computed(()=>b.value?"hison-border":"hison-border-none"),se=t.computed(()=>b.value?"filled":"empty"),A=()=>{y.value&&Z.acquireScrollLock(i)},V=()=>{y.value&&Z.releaseScrollLock(i)},D=async()=>{const e=v.value;!e||!d.value||(e.classList.remove(p.value),e.offsetWidth,e.classList.add(d.value))},ae=async()=>{const e=v.value;!e||!p.value||(e.classList.remove(d.value),e.offsetWidth,e.classList.add(p.value),await new Promise(o=>setTimeout(o,200)))},$=async()=>{s.value||(s.value=!0,A(),await t.nextTick(),D(),c("open",t.unref(k)))},g=async()=>{if(s.value)try{await ae()}finally{s.value=!1,V(),c("close",t.unref(k))}},ie=async()=>s.value?g():$(),re=()=>{g()},C=t.ref(l.draggable),T=t.ref(!1);let x=0,X=0,U=0,Y=0,S=null,O=null;const ue=()=>{if(r.value==null&&u.value==null){const e=w.value;if(!e)return;const o=e.getBoundingClientRect();r.value=Math.round(o.left),u.value=Math.round(o.top)}},ce=(e,o)=>{const a=w.value;if(!a)return{l:e,t:o};const q=window.innerWidth,W=window.innerHeight,pe=a.offsetWidth,fe=a.offsetHeight,me=0,he=0,ye=Math.max(0,q-pe),be=Math.max(0,W-fe);return{l:Math.min(Math.max(e,me),ye),t:Math.min(Math.max(o,he),be)}},ve=(e,o)=>{O={l:e,t:o},S==null&&(S=requestAnimationFrame(()=>{O&&(r.value=O.l,u.value=O.t,O=null),S=null}))},M=e=>{if(!T.value)return;const o=e.clientX-x,a=e.clientY-X,{l:q,t:W}=ce(U+o,Y+a);ve(q,W)},R=()=>{T.value&&(T.value=!1,document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="")},de=e=>{!C.value||e.target.closest(".hison-popup-close-btn")||(ue(),T.value=!0,x=e.clientX,X=e.clientY,U=r.value??0,Y=u.value??0,document.body.style.userSelect="none",document.addEventListener("pointermove",M,!0),document.addEventListener("pointerup",R,!0))},H=()=>{S!=null&&(cancelAnimationFrame(S),S=null),document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="",T.value=!1},k=t.ref(null),j=()=>{n.hisonCloser.component.popupList[i]&&n.hisonCloser.component.popupList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The popup ID is at risk of being duplicated. ${i}`),n.registerReloadable(z,()=>{F(),t.nextTick(j)}),I(),s.value&&(A(),t.nextTick(D)),k.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"popup",isVisible:()=>s.value,open:$,close:g,toggle:ie,setVisible:e=>e?$():g(),getZIndex:()=>f.value,setZIndex:e=>{f.value=e},getPosition:()=>L.value,setPosition:e=>{L.value=e},getLeft:()=>r.value,setLeft:e=>{r.value=e},getTop:()=>u.value,setTop:e=>{u.value=e},getWidth:()=>m.value,setWidth:e=>{m.value=e},getHeight:()=>h.value,setHeight:e=>{h.value=e},isDraggable:()=>C.value,setDraggable:e=>{C.value=e,e||H()},isOverlayShown:()=>B.value,setOverlayShown:e=>{B.value=e},isCloseClickOverlay:()=>P.value,setCloseClickOverlay:e=>{P.value=e},isScrollLocked:()=>y.value,setScrollLock:e=>{y.value=e,s.value&&(e?A():V())},isBorder:()=>b.value,setBorder:e=>{b.value=e},getAnimationClasses:()=>({enter:d.value,leave:p.value}),setAnimationClasses:e=>{"enter"in e&&(d.value=e.enter||""),"leave"in e&&(p.value=e.leave||"")},reload:()=>n.reloadHisonComponent(z)},n.hisonCloser.component.popupList[i]=k.value,c("mounted",k.value)},F=()=>{H(),n.unregisterReloadable(z),delete n.hisonCloser.component.popupList[i],s.value&&V()};return t.onMounted(j),t.onBeforeUnmount(F),t.watch(E,e=>{I(),c("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==s.value&&(o?$():g())}),t.watch(()=>l.zIndex,e=>{const o=Number(e??1100);o!==f.value&&(f.value=o)}),t.watch(()=>l.position,e=>{e&&e!==L.value&&(L.value=e)}),t.watch(()=>l.left,e=>{const o=e==null?null:Number(e);o!==r.value&&(r.value=o)}),t.watch(()=>l.top,e=>{const o=e==null?null:Number(e);o!==u.value&&(u.value=o)}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==m.value&&(m.value=o)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==h.value&&(h.value=o)}),t.watch(()=>l.draggable,e=>{const o=!!e;o!==C.value&&(C.value=o,o||H())}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==P.value&&(P.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==y.value&&(y.value=o,s.value&&(o?A():V()))}),t.watch(()=>l.border,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||"hison-popup-enter";o!==d.value&&(d.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||"hison-popup-leave";o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{I()}),{id:i,props:l,popupRef:v,popupWrapperRef:w,visibleClass:K,responsiveClassList:N,childClassList:Q,borderClass:ne,wrapperStyle:te,overlayStyleWithZ:le,isOverlayVisible:_,sizeStyle:oe,closeButtonVisible:J,closeButtonBackgroundType:se,closeButtonText:"X",closeButtonTitle:"Close",draggable:C,onClickCloseButton:re,onOverlayClick:ee,onTopbarPointerDown:de,popupMethods:t.computed(()=>t.unref(k))}}}),ke={class:t.normalizeClass(["hison-popup-body"])};function we(l,c,G,i,z,E){const w=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-popup-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:c[0]||(c[0]=(...v)=>l.onOverlayClick&&l.onOverlayClick(...v))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popupWrapperRef",class:t.normalizeClass(["hison-popup-wrapper",...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"popupRef",class:t.normalizeClass(["hison-popup",l.borderClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["hison-popup-topbar",l.draggable?"hison-draggable":""]),onPointerdown:c[1]||(c[1]=(...v)=>l.onTopbarPointerDown&&l.onTopbarPointerDown(...v))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickCloseButton,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(w,{id:`hison_popup_close_${l.id}`,class:t.normalizeClass(["hison-popup-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:!1,"background-type":l.closeButtonBackgroundType,onClick:l.onClickCloseButton},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","background-type","onClick"])]):t.createCommentVNode("",!0)],34),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],6)],6)],2)}const Le=ge._export_sfc(Se,[["render",we]]);exports.default=Le;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-u-g5zFbx.js"),V=require("./scrollManager-CEEWQwoK.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),H={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1500},position:{type:String,default:t.ScreenPosition.middleCenter,validator:s=>t.SCREEN_POSITION_VALUES.includes(s)},overlayStyle:{type:[String,Object,Array],required:!1},timeoutMs:{type:Number,default:0},spinnerType:{type:String,default:"ring",validator:s=>["ring","dots","bars","pulse"].includes(s)}},O=e.defineComponent({name:"HSpinner",props:H,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle"],setup(s,{emit:o}){const l=s.id||t.getUUID(),y=`hspinner:${l}`,k=t.useDevice(),N=e.ref(null),I=e.ref(null),i=e.ref(s.visible),c=e.ref(s.zIndex??1400),m=e.ref(s.position),f=e.ref(s.overlayStyle),p=e.ref(s.timeoutMs??0),u=e.ref(s.spinnerType),B=e.computed(()=>i.value?"":"hison-display-none"),L=e.computed(()=>`hison-spinner-type-${u.value}`),h=e.ref([]),C=()=>{h.value=t.extractResponsiveClasses(t.toClassString(s.class)||"",k.value),t.addComponentNameToClass(h.value,"size",t.hisonCloser.componentStyle.size),t.addComponentNameToClass(h.value,"color","primary")},R=e.computed(()=>{const n={zIndex:c.value};switch(n.left="",n.right="",n.top="",n.bottom="",n.transform="none",m.value){case t.ScreenPosition.topLeft:n.left="5%",n.top="5%";break;case t.ScreenPosition.topCenter:n.left="50%",n.top="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.topRight:n.right="5%",n.top="5%";break;case t.ScreenPosition.middleLeft:n.left="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.middleCenter:n.left="50%",n.top="50%",n.transform="translate(-50%, -50%)";break;case t.ScreenPosition.middleRight:n.right="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.bottomLeft:n.left="5%",n.bottom="5%";break;case t.ScreenPosition.bottomCenter:n.left="50%",n.bottom="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.bottomRight:n.right="5%",n.bottom="5%";break}return n}),M=e.computed(()=>{const r={zIndex:(c.value??1400)-1},d=f.value;return d?Array.isArray(d)?[{...r},...d]:typeof d=="string"?[r,d]:{...r,...d}:r});let g=null;const T=()=>{g!=null&&(clearTimeout(g),g=null)},b=()=>{T(),p.value>0&&(g=window.setTimeout(()=>{v()},p.value))},w=()=>V.acquireScrollLock(l),E=()=>V.releaseScrollLock(l),S=async()=>{i.value||(i.value=!0,w(),await e.nextTick(),b(),o("open",e.unref(a)))},v=async()=>{if(i.value)try{T()}finally{i.value=!1,E(),o("close",e.unref(a))}},q=async()=>{i.value?await v():await S(),o("toggle",e.unref(a))},a=e.ref(null),z=()=>{t.hisonCloser.component.spinnerList[l]&&t.hisonCloser.component.spinnerList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${l}`),t.registerReloadable(y,()=>{P(),e.nextTick(z)}),C(),i.value&&(w(),b()),a.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"spinner",isVisible:()=>i.value,open:S,close:v,toggle:q,setVisible:n=>n?S():v(),getZIndex:()=>c.value,setZIndex:n=>{c.value=n},getPosition:()=>m.value,setPosition:n=>{m.value=n},getTimeout:()=>p.value,setTimeout:n=>{p.value=Math.max(0,Number(n)||0),i.value&&b()},getSpinnerType:()=>u.value,setSpinnerType:n=>{u.value=n},getOverlayStyle:()=>f.value,setOverlayStyle:n=>{f.value=n},reload:()=>t.reloadHisonComponent(y)},t.hisonCloser.component.spinnerList[l]=a.value,o("mounted",a.value)},P=()=>{t.unregisterReloadable(y),delete t.hisonCloser.component.spinnerList[l],T(),i.value&&E()};return e.onMounted(z),e.onBeforeUnmount(P),e.watch(k,n=>{C(),o("responsive-change",n)}),e.watch(()=>s.visible,n=>{const r=!!n;r!==i.value&&(r?S():v())}),e.watch(()=>s.zIndex,n=>{const r=Number(n??1400);r!==c.value&&(c.value=r)}),e.watch(()=>s.position,n=>{n&&n!==m.value&&(m.value=n)}),e.watch(()=>s.overlayStyle,n=>{n!==f.value&&(f.value=n)}),e.watch(()=>s.timeoutMs,n=>{const r=Math.max(0,Number(n)||0);r!==p.value&&(p.value=r,i.value&&b())}),e.watch(()=>s.spinnerType,n=>{n&&n!==u.value&&(u.value=n)}),e.watch(()=>s.class,()=>{C()}),{id:l,props:s,wrapperRef:N,spinnerRef:I,visible:i,visibleClass:B,responsiveClassList:h,overlayStyleWithZ:M,wrapperStyle:R,spinnerType:u,spinnerTypeClass:L,spinnerMethods:e.computed(()=>e.unref(a))}}}),$={key:0,class:"hison-spinner-ring"},j={key:1,class:"hison-spinner-dots"},U={key:2,class:"hison-spinner-bars"},Z={key:3,class:"hison-spinner-pulse"};function x(s,o,l,y,k,N){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",s.visibleClass])},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-spinner-overlay",style:e.normalizeStyle(s.overlayStyleWithZ)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"wrapperRef",class:e.normalizeClass(["hison-spinner-wrapper",...s.responsiveClassList]),style:e.normalizeStyle(s.wrapperStyle)},[e.createElementVNode("div",{ref:"spinnerRef",class:e.normalizeClass(["hison-spinner",s.spinnerTypeClass]),style:e.normalizeStyle(s.props.style),role:"status","aria-live":"polite","aria-busy":"true"},[e.renderSlot(s.$slots,"spinner",{spinnerEl:s.spinnerRef,spinner:s.spinnerMethods,type:s.spinnerType},()=>[s.spinnerType==="ring"?(e.openBlock(),e.createElementBlock("div",$,o[0]||(o[0]=[e.createStaticVNode('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>',7)]))):s.spinnerType==="dots"?(e.openBlock(),e.createElementBlock("div",j,o[1]||(o[1]=[e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1)]))):s.spinnerType==="bars"?(e.openBlock(),e.createElementBlock("div",U,o[2]||(o[2]=[e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Z,o[3]||(o[3]=[e.createElementVNode("span",{class:"hison-spinner-pulse-span"},null,-1)])))])],6)],6)],2)}const D=A._export_sfc(O,[["render",x]]);exports.default=D;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-CPFyQIpi.js"),V=require("./scrollManager-CEEWQwoK.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),H={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1500},position:{type:String,default:t.ScreenPosition.middleCenter,validator:s=>t.SCREEN_POSITION_VALUES.includes(s)},overlayStyle:{type:[String,Object,Array],required:!1},timeoutMs:{type:Number,default:0},spinnerType:{type:String,default:"ring",validator:s=>["ring","dots","bars","pulse"].includes(s)}},O=e.defineComponent({name:"HSpinner",props:H,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle"],setup(s,{emit:o}){const l=s.id||t.getUUID(),y=`hspinner:${l}`,k=t.useDevice(),N=e.ref(null),I=e.ref(null),i=e.ref(s.visible),c=e.ref(s.zIndex??1400),m=e.ref(s.position),f=e.ref(s.overlayStyle),p=e.ref(s.timeoutMs??0),u=e.ref(s.spinnerType),B=e.computed(()=>i.value?"":"hison-display-none"),L=e.computed(()=>`hison-spinner-type-${u.value}`),h=e.ref([]),C=()=>{h.value=t.extractResponsiveClasses(t.toClassString(s.class)||"",k.value),t.addComponentNameToClass(h.value,"size",t.hisonCloser.componentStyle.size),t.addComponentNameToClass(h.value,"color","primary")},R=e.computed(()=>{const n={zIndex:c.value};switch(n.left="",n.right="",n.top="",n.bottom="",n.transform="none",m.value){case t.ScreenPosition.topLeft:n.left="5%",n.top="5%";break;case t.ScreenPosition.topCenter:n.left="50%",n.top="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.topRight:n.right="5%",n.top="5%";break;case t.ScreenPosition.middleLeft:n.left="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.middleCenter:n.left="50%",n.top="50%",n.transform="translate(-50%, -50%)";break;case t.ScreenPosition.middleRight:n.right="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.bottomLeft:n.left="5%",n.bottom="5%";break;case t.ScreenPosition.bottomCenter:n.left="50%",n.bottom="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.bottomRight:n.right="5%",n.bottom="5%";break}return n}),M=e.computed(()=>{const r={zIndex:(c.value??1400)-1},d=f.value;return d?Array.isArray(d)?[{...r},...d]:typeof d=="string"?[r,d]:{...r,...d}:r});let g=null;const T=()=>{g!=null&&(clearTimeout(g),g=null)},b=()=>{T(),p.value>0&&(g=window.setTimeout(()=>{v()},p.value))},w=()=>V.acquireScrollLock(l),E=()=>V.releaseScrollLock(l),S=async()=>{i.value||(i.value=!0,w(),await e.nextTick(),b(),o("open",e.unref(a)))},v=async()=>{if(i.value)try{T()}finally{i.value=!1,E(),o("close",e.unref(a))}},q=async()=>{i.value?await v():await S(),o("toggle",e.unref(a))},a=e.ref(null),z=()=>{t.hisonCloser.component.spinnerList[l]&&t.hisonCloser.component.spinnerList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${l}`),t.registerReloadable(y,()=>{P(),e.nextTick(z)}),C(),i.value&&(w(),b()),a.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"spinner",isVisible:()=>i.value,open:S,close:v,toggle:q,setVisible:n=>n?S():v(),getZIndex:()=>c.value,setZIndex:n=>{c.value=n},getPosition:()=>m.value,setPosition:n=>{m.value=n},getTimeout:()=>p.value,setTimeout:n=>{p.value=Math.max(0,Number(n)||0),i.value&&b()},getSpinnerType:()=>u.value,setSpinnerType:n=>{u.value=n},getOverlayStyle:()=>f.value,setOverlayStyle:n=>{f.value=n},reload:()=>t.reloadHisonComponent(y)},t.hisonCloser.component.spinnerList[l]=a.value,o("mounted",a.value)},P=()=>{t.unregisterReloadable(y),delete t.hisonCloser.component.spinnerList[l],T(),i.value&&E()};return e.onMounted(z),e.onBeforeUnmount(P),e.watch(k,n=>{C(),o("responsive-change",n)}),e.watch(()=>s.visible,n=>{const r=!!n;r!==i.value&&(r?S():v())}),e.watch(()=>s.zIndex,n=>{const r=Number(n??1400);r!==c.value&&(c.value=r)}),e.watch(()=>s.position,n=>{n&&n!==m.value&&(m.value=n)}),e.watch(()=>s.overlayStyle,n=>{n!==f.value&&(f.value=n)}),e.watch(()=>s.timeoutMs,n=>{const r=Math.max(0,Number(n)||0);r!==p.value&&(p.value=r,i.value&&b())}),e.watch(()=>s.spinnerType,n=>{n&&n!==u.value&&(u.value=n)}),e.watch(()=>s.class,()=>{C()}),{id:l,props:s,wrapperRef:N,spinnerRef:I,visible:i,visibleClass:B,responsiveClassList:h,overlayStyleWithZ:M,wrapperStyle:R,spinnerType:u,spinnerTypeClass:L,spinnerMethods:e.computed(()=>e.unref(a))}}}),$={key:0,class:"hison-spinner-ring"},j={key:1,class:"hison-spinner-dots"},U={key:2,class:"hison-spinner-bars"},Z={key:3,class:"hison-spinner-pulse"};function x(s,o,l,y,k,N){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",s.visibleClass])},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-spinner-overlay",style:e.normalizeStyle(s.overlayStyleWithZ)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"wrapperRef",class:e.normalizeClass(["hison-spinner-wrapper",...s.responsiveClassList]),style:e.normalizeStyle(s.wrapperStyle)},[e.createElementVNode("div",{ref:"spinnerRef",class:e.normalizeClass(["hison-spinner",s.spinnerTypeClass]),style:e.normalizeStyle(s.props.style),role:"status","aria-live":"polite","aria-busy":"true"},[e.renderSlot(s.$slots,"spinner",{spinnerEl:s.spinnerRef,spinner:s.spinnerMethods,type:s.spinnerType},()=>[s.spinnerType==="ring"?(e.openBlock(),e.createElementBlock("div",$,o[0]||(o[0]=[e.createStaticVNode('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>',7)]))):s.spinnerType==="dots"?(e.openBlock(),e.createElementBlock("div",j,o[1]||(o[1]=[e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1)]))):s.spinnerType==="bars"?(e.openBlock(),e.createElementBlock("div",U,o[2]||(o[2]=[e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Z,o[3]||(o[3]=[e.createElementVNode("span",{class:"hison-spinner-pulse-span"},null,-1)])))])],6)],6)],2)}const D=A._export_sfc(O,[["render",x]]);exports.default=D;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as Y, ref as o, computed as S, onMounted as x, onBeforeUnmount as F, watch as p, unref as R, nextTick as q, createElementBlock as y, openBlock as m, normalizeClass as A, createCommentVNode as G, createElementVNode as r, normalizeStyle as $, renderSlot as J, createStaticVNode as K } from "vue";
2
- import { S as Q, i as l, g as _, u as ee, e as se, t as ne, b as B, h as C, r as te, c as ie, d as ae } from "./index-CGtmnY7e.mjs";
2
+ import { S as Q, i as l, g as _, u as ee, e as se, t as ne, b as B, h as C, r as te, c as ie, d as ae } from "./index-C7E7pVNE.mjs";
3
3
  import { a as oe, r as re } from "./scrollManager-BGnq4wyt.mjs";
4
4
  import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
5
  const pe = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("./index-u-g5zFbx.js"),He=require("./_plugin-vue_export-helper-BHFhmbuH.js"),qe={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},headerCellClass:{type:[String,Array,Object],required:!1},bodyCellClass:{type:[String,Array,Object],required:!1},footerCellClass:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},headerCellStyle:{type:[String,Object,Array],required:!1},bodyCellStyle:{type:[String,Object,Array],required:!1},footerCellStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},caption:{type:String,default:""},striped:{type:String,default:"row"},hoverable:{type:String,default:"row"},border:{type:Boolean,default:!1},headerBorderTop:{type:Boolean,default:!1},headerBorderBottom:{type:Boolean,default:!1},headerBorderLeft:{type:Boolean,default:!1},headerBorderRight:{type:Boolean,default:!1},bodyBorderTop:{type:Boolean,default:!1},bodyBorderBottom:{type:Boolean,default:!1},bodyBorderLeft:{type:Boolean,default:!1},bodyBorderRight:{type:Boolean,default:!1},footerBorderTop:{type:Boolean,default:!1},footerBorderBottom:{type:Boolean,default:!1},footerBorderLeft:{type:Boolean,default:!1},footerBorderRight:{type:Boolean,default:!1},headerTextAlign:{type:String,default:l.TextAlign.center,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},bodyTextAlign:{type:String,default:l.TextAlign.left,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},footerTextAlign:{type:String,default:l.TextAlign.right,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},headerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},bodyVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},footerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},backgroundType:{type:String,default:l.BackgroundType.empty,validator:o=>l.BACKGROUND_TYPE_VALUES.includes(o)}},$e=t.defineComponent({name:"HTable",props:qe,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(o,{emit:j}){const J=t.ref(null),$=t.ref(null),s=t.ref(null),N=t.ref(null),i=o.id?o.id:l.getUUID(),U=`htable:${i}`,Q=l.useDevice(),z=t.ref(null),f=t.ref(o.visible),ae=t.computed(()=>f.value?"":"hison-display-none"),v=t.ref(o.caption||""),u=t.ref(!!o.border),c=t.ref(o.striped??"row"),d=t.ref(o.hoverable??"row"),h=t.ref(o.backgroundType||l.BackgroundType.empty),y=t.ref(!!o.headerBorderTop),B=t.ref(!!o.headerBorderBottom),g=t.ref(!!o.headerBorderLeft),b=t.ref(!!o.headerBorderRight),m=t.ref(!!o.bodyBorderTop),C=t.ref(!!o.bodyBorderBottom),A=t.ref(!!o.bodyBorderLeft),T=t.ref(!!o.bodyBorderRight),p=t.ref(!!o.footerBorderTop),S=t.ref(!!o.footerBorderBottom),L=t.ref(!!o.footerBorderLeft),w=t.ref(!!o.footerBorderRight),V=t.ref(o.headerTextAlign),R=t.ref(o.bodyTextAlign),k=t.ref(o.footerTextAlign),E=t.ref(o.headerVerticalAlign),H=t.ref(o.bodyVerticalAlign),q=t.ref(o.footerVerticalAlign),se=t.computed(()=>u.value?"hison-border":""),ne=t.computed(()=>{switch(h.value){case l.BackgroundType.empty:return"hison-bg-empty";case l.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),de=t.computed(()=>c.value==="row"?"is-striped-row":c.value==="col"?"is-striped-col":null),ie=t.computed(()=>d.value==="row"?"is-hover-row":d.value==="col"?"is-hover-col":null),ue=t.computed(()=>y.value?"hison-header-border-top":""),ce=t.computed(()=>B.value?"hison-header-border-bottom":""),fe=t.computed(()=>g.value?"hison-header-border-left":""),ve=t.computed(()=>b.value?"hison-header-border-right":""),he=t.computed(()=>m.value?"hison-body-border-top":""),ye=t.computed(()=>C.value?"hison-body-border-bottom":""),Be=t.computed(()=>A.value?"hison-body-border-left":""),ge=t.computed(()=>T.value?"hison-body-border-right":""),be=t.computed(()=>p.value?"hison-footer-border-top":""),me=t.computed(()=>S.value?"hison-footer-border-bottom":""),Ce=t.computed(()=>L.value?"hison-footer-border-left":""),Ae=t.computed(()=>w.value?"hison-footer-border-right":""),I=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"center":return`${a}-ta-center`;case"right":return`${a}-ta-right`;default:return`${a}-ta-left`}},M=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"top":return`${a}-valign-top`;case"bottom":return`${a}-valign-bottom`;default:return`${a}-valign-middle`}},Te=t.computed(()=>I("thead",V.value)),pe=t.computed(()=>I("tbody",R.value)),Se=t.computed(()=>I("tfoot",k.value)),Le=t.computed(()=>M("thead",E.value)),we=t.computed(()=>M("tbody",H.value)),Ve=t.computed(()=>M("tfoot",q.value)),F=t.ref([]),G=()=>{F.value=l.extractResponsiveClasses(l.toClassString(o.class)||"",Q.value),l.addComponentNameToClass(F.value,"size",l.hisonCloser.componentStyle.size),l.addComponentNameToClass(F.value,"color","primary")};let D=-1;const W=()=>{const e=s.value;e&&(e.querySelectorAll("td.is-col-hover-cell").forEach(r=>r.classList.remove("is-col-hover-cell")),D=-1)},Re=e=>{const r=s.value;r&&(W(),r.querySelectorAll("tr").forEach(a=>{const n=a.querySelectorAll("td")[e];n&&n.classList.add("is-col-hover-cell")}),D=e)},_=e=>{if(d.value!=="col")return;const r=e.target;if(!r||r.tagName!=="TD")return;const n=r.cellIndex;n!==D&&Re(n)},ee=()=>{d.value==="col"&&W()},ke=e=>e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase()).replace(/^ms-/,"-ms-"),te=e=>e?typeof e=="string"?e.trim().split(/\s+/).filter(Boolean):Array.isArray(e)?e.flatMap(te):Object.entries(e).filter(([,r])=>!!r).map(([r])=>r):[],Ee=e=>{if(!e)return[];if(typeof e=="string"){const r={};return e.split(";").forEach(a=>{const[n,O]=a.split(":");!n||!O||(r[n.trim()]=O.trim())}),[r]}return Array.isArray(e)?e.filter(Boolean):typeof e=="object"?[e]:[]},P=(e,r)=>{const a=Ee(r);if(a.length)for(const n of a)for(const[O,Z]of Object.entries(n)){if(Z==null||Z==="")continue;const le=ke(O);e.style.getPropertyValue(le)||e.style.setProperty(le,String(Z))}},x=(e,r)=>{const a=te(r);a.length&&e.classList.add(...a)},X=()=>{const e=$.value;if(!e)return;Array.from(e.querySelectorAll("th")).forEach(a=>{x(a,o.headerCellClass),P(a,o.headerCellStyle)})},K=()=>{const e=s.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.bodyCellClass),P(a,o.bodyCellStyle)})},Y=()=>{const e=N.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.footerCellClass),P(a,o.footerCellStyle)})},oe=async()=>{l.hisonCloser.component.tableList[i]&&l.hisonCloser.component.tableList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The table ID is at risk of being duplicated. ${i}`),l.registerReloadable(U,()=>{re(),setTimeout(oe)}),G(),s.value&&(s.value.addEventListener("mouseover",_),s.value.addEventListener("mouseleave",ee)),await t.nextTick(),X(),K(),Y(),z.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"table",isVisible:()=>f.value,setVisible:e=>{f.value=e},isBorder:()=>u.value,setBorder:e=>{u.value=e},isHeaderBorderTop:()=>y.value,setHeaderBorderTop:e=>{y.value=e},isHeaderBorderBottom:()=>B.value,setHeaderBorderBottom:e=>{B.value=e},isHeaderBorderLeft:()=>g.value,setHeaderBorderLeft:e=>{g.value=e},isHeaderBorderRight:()=>b.value,setHeaderBorderRight:e=>{b.value=e},isBodyBorderTop:()=>m.value,setBodyBorderTop:e=>{m.value=e},isBodyBorderBottom:()=>C.value,setBodyBorderBottom:e=>{C.value=e},isBodyBorderLeft:()=>A.value,setBodyBorderLeft:e=>{A.value=e},isBodyBorderRight:()=>T.value,setBodyBorderRight:e=>{T.value=e},isFooterBorderTop:()=>p.value,setFooterBorderTop:e=>{p.value=e},isFooterBorderBottom:()=>S.value,setFooterBorderBottom:e=>{S.value=e},isFooterBorderLeft:()=>L.value,setFooterBorderLeft:e=>{L.value=e},isFooterBorderRight:()=>w.value,setFooterBorderRight:e=>{w.value=e},getStriped:()=>c.value,setStriped:e=>{c.value=e},getHoverable:()=>d.value,setHoverable:e=>{d.value=e},getCaption:()=>v.value,setCaption:e=>{v.value=e},getBackgroundType:()=>h.value,setBackgroundType:e=>{h.value=e},getHeaderTextAlign:()=>V.value,setHeaderTextAlign:e=>{V.value=e},getBodyTextAlign:()=>R.value,setBodyTextAlign:e=>{R.value=e},getFooterTextAlign:()=>k.value,setFooterTextAlign:e=>{k.value=e},getHeaderVerticalAlign:()=>E.value,setHeaderVerticalAlign:e=>{E.value=e},getBodyVerticalAlign:()=>H.value,setBodyVerticalAlign:e=>{H.value=e},getFooterVerticalAlign:()=>q.value,setFooterVerticalAlign:e=>{q.value=e},getRowCount:()=>{const e=s.value;return e?e.querySelectorAll(":scope > tr").length:0},getRowElement:e=>{const r=s.value;if(!r||!Number.isInteger(e)||e<0)return null;const a=r.querySelectorAll(":scope > tr");return e>=a.length?null:a[e]},getHeadElement:()=>$.value,getBodyElement:()=>s.value,getFootElement:()=>N.value,reload:()=>l.reloadHisonComponent(U)},l.hisonCloser.component.tableList[i]=z.value,j("mounted",z.value)},re=()=>{s.value&&(s.value.removeEventListener("mouseover",_),s.value.removeEventListener("mouseleave",ee)),l.unregisterReloadable(U),delete l.hisonCloser.component.tableList[i]};return t.onMounted(oe),t.onBeforeUnmount(re),t.watch(Q,e=>{G(),j("responsive-change",e)}),t.watch(()=>o.visible,e=>{const r=!!e;r!==f.value&&(f.value=r)}),t.watch(()=>o.caption,e=>{const r=e??"";r!==v.value&&(v.value=r)}),t.watch(()=>o.border,e=>{const r=!!e;r!==u.value&&(u.value=r)}),t.watch(()=>o.backgroundType,e=>{e&&e!==h.value&&(h.value=e)}),t.watch(()=>o.striped,e=>{const r=e??"row";r!==c.value&&(c.value=r)}),t.watch(()=>o.hoverable,e=>{const r=e??"row";r!==d.value&&(d.value=r)}),t.watch(()=>o.headerBorderTop,e=>{const r=!!e;r!==y.value&&(y.value=r)}),t.watch(()=>o.headerBorderBottom,e=>{const r=!!e;r!==B.value&&(B.value=r)}),t.watch(()=>o.headerBorderLeft,e=>{const r=!!e;r!==g.value&&(g.value=r)}),t.watch(()=>o.headerBorderRight,e=>{const r=!!e;r!==b.value&&(b.value=r)}),t.watch(()=>o.bodyBorderTop,e=>{const r=!!e;r!==m.value&&(m.value=r)}),t.watch(()=>o.bodyBorderBottom,e=>{const r=!!e;r!==C.value&&(C.value=r)}),t.watch(()=>o.bodyBorderLeft,e=>{const r=!!e;r!==A.value&&(A.value=r)}),t.watch(()=>o.bodyBorderRight,e=>{const r=!!e;r!==T.value&&(T.value=r)}),t.watch(()=>o.footerBorderTop,e=>{const r=!!e;r!==p.value&&(p.value=r)}),t.watch(()=>o.footerBorderBottom,e=>{const r=!!e;r!==S.value&&(S.value=r)}),t.watch(()=>o.footerBorderLeft,e=>{const r=!!e;r!==L.value&&(L.value=r)}),t.watch(()=>o.footerBorderRight,e=>{const r=!!e;r!==w.value&&(w.value=r)}),t.watch(()=>o.headerTextAlign,e=>{e&&e!==V.value&&(V.value=e)}),t.watch(()=>o.bodyTextAlign,e=>{e&&e!==R.value&&(R.value=e)}),t.watch(()=>o.footerTextAlign,e=>{e&&e!==k.value&&(k.value=e)}),t.watch(()=>o.headerVerticalAlign,e=>{e&&e!==E.value&&(E.value=e)}),t.watch(()=>o.bodyVerticalAlign,e=>{e&&e!==H.value&&(H.value=e)}),t.watch(()=>o.footerVerticalAlign,e=>{e&&e!==q.value&&(q.value=e)}),t.watch(()=>o.headerCellClass,()=>t.nextTick(X)),t.watch(()=>o.headerCellStyle,()=>t.nextTick(X)),t.watch(()=>o.bodyCellClass,()=>t.nextTick(K)),t.watch(()=>o.bodyCellStyle,()=>t.nextTick(K)),t.watch(()=>o.footerCellClass,()=>t.nextTick(Y)),t.watch(()=>o.footerCellStyle,()=>t.nextTick(Y)),t.watch(()=>o.class,()=>{G()}),{props:o,tableRef:J,theadRef:$,tbodyRef:s,tfootRef:N,visibleClass:ae,stripedClass:de,hoverableClass:ie,caption:v,border:u,borderClass:se,tableBackgroundTypeClass:ne,responsiveClassList:F,headerBorderTopClass:ue,bodyBorderTopClass:he,footerBorderTopClass:be,headerBorderBottomClass:ce,bodyBorderBottomClass:ye,footerBorderBottomClass:me,headerBorderLeftClass:fe,bodyBorderLeftClass:Be,footerBorderLeftClass:Ce,headerBorderRightClass:ve,bodyBorderRightClass:ge,footerBorderRightClass:Ae,headerTextAlignClass:Te,bodyTextAlignClass:pe,footerTextAlignClass:Se,headerVAlignClass:Le,bodyVAlignClass:we,footerVAlignClass:Ve}}}),Ne={key:0,class:"hison-table-caption"};function Fe(o,j,J,$,s,N){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...o.responsiveClassList,o.visibleClass])},[t.createElementVNode("table",{ref:"tableRef",class:t.normalizeClass(["hison-table",o.borderClass,o.tableBackgroundTypeClass,o.stripedClass,o.hoverableClass]),style:t.normalizeStyle(o.props.style)},[o.$slots.caption||o.caption?(t.openBlock(),t.createElementBlock("caption",Ne,[t.renderSlot(o.$slots,"caption",{},()=>[t.createTextVNode(t.toDisplayString(o.caption),1)])])):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"colgroup"),o.$slots.thead?(t.openBlock(),t.createElementBlock("thead",{key:1,ref:"theadRef",class:t.normalizeClass([o.headerBorderTopClass,o.headerBorderBottomClass,o.headerBorderLeftClass,o.headerBorderRightClass,o.headerTextAlignClass,o.headerVAlignClass])},[t.renderSlot(o.$slots,"thead")],2)):t.createCommentVNode("",!0),t.createElementVNode("tbody",{ref:"tbodyRef",class:t.normalizeClass([o.bodyBorderTopClass,o.bodyBorderBottomClass,o.bodyBorderLeftClass,o.bodyBorderRightClass,o.bodyTextAlignClass,o.bodyVAlignClass])},[t.renderSlot(o.$slots,"default")],2),o.$slots.tfoot?(t.openBlock(),t.createElementBlock("tfoot",{key:2,ref:"tfootRef",class:t.normalizeClass([o.footerBorderTopClass,o.footerBorderBottomClass,o.footerBorderLeftClass,o.footerBorderRightClass,o.footerTextAlignClass,o.footerVAlignClass])},[t.renderSlot(o.$slots,"tfoot")],2)):t.createCommentVNode("",!0)],6)],2)}const Oe=He._export_sfc($e,[["render",Fe]]);exports.default=Oe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("./index-CPFyQIpi.js"),He=require("./_plugin-vue_export-helper-BHFhmbuH.js"),qe={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},headerCellClass:{type:[String,Array,Object],required:!1},bodyCellClass:{type:[String,Array,Object],required:!1},footerCellClass:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},headerCellStyle:{type:[String,Object,Array],required:!1},bodyCellStyle:{type:[String,Object,Array],required:!1},footerCellStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},caption:{type:String,default:""},striped:{type:String,default:"row"},hoverable:{type:String,default:"row"},border:{type:Boolean,default:!1},headerBorderTop:{type:Boolean,default:!1},headerBorderBottom:{type:Boolean,default:!1},headerBorderLeft:{type:Boolean,default:!1},headerBorderRight:{type:Boolean,default:!1},bodyBorderTop:{type:Boolean,default:!1},bodyBorderBottom:{type:Boolean,default:!1},bodyBorderLeft:{type:Boolean,default:!1},bodyBorderRight:{type:Boolean,default:!1},footerBorderTop:{type:Boolean,default:!1},footerBorderBottom:{type:Boolean,default:!1},footerBorderLeft:{type:Boolean,default:!1},footerBorderRight:{type:Boolean,default:!1},headerTextAlign:{type:String,default:l.TextAlign.center,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},bodyTextAlign:{type:String,default:l.TextAlign.left,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},footerTextAlign:{type:String,default:l.TextAlign.right,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},headerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},bodyVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},footerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},backgroundType:{type:String,default:l.BackgroundType.empty,validator:o=>l.BACKGROUND_TYPE_VALUES.includes(o)}},$e=t.defineComponent({name:"HTable",props:qe,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(o,{emit:j}){const J=t.ref(null),$=t.ref(null),s=t.ref(null),N=t.ref(null),i=o.id?o.id:l.getUUID(),U=`htable:${i}`,Q=l.useDevice(),z=t.ref(null),f=t.ref(o.visible),ae=t.computed(()=>f.value?"":"hison-display-none"),v=t.ref(o.caption||""),u=t.ref(!!o.border),c=t.ref(o.striped??"row"),d=t.ref(o.hoverable??"row"),h=t.ref(o.backgroundType||l.BackgroundType.empty),y=t.ref(!!o.headerBorderTop),B=t.ref(!!o.headerBorderBottom),g=t.ref(!!o.headerBorderLeft),b=t.ref(!!o.headerBorderRight),m=t.ref(!!o.bodyBorderTop),C=t.ref(!!o.bodyBorderBottom),A=t.ref(!!o.bodyBorderLeft),T=t.ref(!!o.bodyBorderRight),p=t.ref(!!o.footerBorderTop),S=t.ref(!!o.footerBorderBottom),L=t.ref(!!o.footerBorderLeft),w=t.ref(!!o.footerBorderRight),V=t.ref(o.headerTextAlign),R=t.ref(o.bodyTextAlign),k=t.ref(o.footerTextAlign),E=t.ref(o.headerVerticalAlign),H=t.ref(o.bodyVerticalAlign),q=t.ref(o.footerVerticalAlign),se=t.computed(()=>u.value?"hison-border":""),ne=t.computed(()=>{switch(h.value){case l.BackgroundType.empty:return"hison-bg-empty";case l.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),de=t.computed(()=>c.value==="row"?"is-striped-row":c.value==="col"?"is-striped-col":null),ie=t.computed(()=>d.value==="row"?"is-hover-row":d.value==="col"?"is-hover-col":null),ue=t.computed(()=>y.value?"hison-header-border-top":""),ce=t.computed(()=>B.value?"hison-header-border-bottom":""),fe=t.computed(()=>g.value?"hison-header-border-left":""),ve=t.computed(()=>b.value?"hison-header-border-right":""),he=t.computed(()=>m.value?"hison-body-border-top":""),ye=t.computed(()=>C.value?"hison-body-border-bottom":""),Be=t.computed(()=>A.value?"hison-body-border-left":""),ge=t.computed(()=>T.value?"hison-body-border-right":""),be=t.computed(()=>p.value?"hison-footer-border-top":""),me=t.computed(()=>S.value?"hison-footer-border-bottom":""),Ce=t.computed(()=>L.value?"hison-footer-border-left":""),Ae=t.computed(()=>w.value?"hison-footer-border-right":""),I=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"center":return`${a}-ta-center`;case"right":return`${a}-ta-right`;default:return`${a}-ta-left`}},M=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"top":return`${a}-valign-top`;case"bottom":return`${a}-valign-bottom`;default:return`${a}-valign-middle`}},Te=t.computed(()=>I("thead",V.value)),pe=t.computed(()=>I("tbody",R.value)),Se=t.computed(()=>I("tfoot",k.value)),Le=t.computed(()=>M("thead",E.value)),we=t.computed(()=>M("tbody",H.value)),Ve=t.computed(()=>M("tfoot",q.value)),F=t.ref([]),G=()=>{F.value=l.extractResponsiveClasses(l.toClassString(o.class)||"",Q.value),l.addComponentNameToClass(F.value,"size",l.hisonCloser.componentStyle.size),l.addComponentNameToClass(F.value,"color","primary")};let D=-1;const W=()=>{const e=s.value;e&&(e.querySelectorAll("td.is-col-hover-cell").forEach(r=>r.classList.remove("is-col-hover-cell")),D=-1)},Re=e=>{const r=s.value;r&&(W(),r.querySelectorAll("tr").forEach(a=>{const n=a.querySelectorAll("td")[e];n&&n.classList.add("is-col-hover-cell")}),D=e)},_=e=>{if(d.value!=="col")return;const r=e.target;if(!r||r.tagName!=="TD")return;const n=r.cellIndex;n!==D&&Re(n)},ee=()=>{d.value==="col"&&W()},ke=e=>e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase()).replace(/^ms-/,"-ms-"),te=e=>e?typeof e=="string"?e.trim().split(/\s+/).filter(Boolean):Array.isArray(e)?e.flatMap(te):Object.entries(e).filter(([,r])=>!!r).map(([r])=>r):[],Ee=e=>{if(!e)return[];if(typeof e=="string"){const r={};return e.split(";").forEach(a=>{const[n,O]=a.split(":");!n||!O||(r[n.trim()]=O.trim())}),[r]}return Array.isArray(e)?e.filter(Boolean):typeof e=="object"?[e]:[]},P=(e,r)=>{const a=Ee(r);if(a.length)for(const n of a)for(const[O,Z]of Object.entries(n)){if(Z==null||Z==="")continue;const le=ke(O);e.style.getPropertyValue(le)||e.style.setProperty(le,String(Z))}},x=(e,r)=>{const a=te(r);a.length&&e.classList.add(...a)},X=()=>{const e=$.value;if(!e)return;Array.from(e.querySelectorAll("th")).forEach(a=>{x(a,o.headerCellClass),P(a,o.headerCellStyle)})},K=()=>{const e=s.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.bodyCellClass),P(a,o.bodyCellStyle)})},Y=()=>{const e=N.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.footerCellClass),P(a,o.footerCellStyle)})},oe=async()=>{l.hisonCloser.component.tableList[i]&&l.hisonCloser.component.tableList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The table ID is at risk of being duplicated. ${i}`),l.registerReloadable(U,()=>{re(),setTimeout(oe)}),G(),s.value&&(s.value.addEventListener("mouseover",_),s.value.addEventListener("mouseleave",ee)),await t.nextTick(),X(),K(),Y(),z.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"table",isVisible:()=>f.value,setVisible:e=>{f.value=e},isBorder:()=>u.value,setBorder:e=>{u.value=e},isHeaderBorderTop:()=>y.value,setHeaderBorderTop:e=>{y.value=e},isHeaderBorderBottom:()=>B.value,setHeaderBorderBottom:e=>{B.value=e},isHeaderBorderLeft:()=>g.value,setHeaderBorderLeft:e=>{g.value=e},isHeaderBorderRight:()=>b.value,setHeaderBorderRight:e=>{b.value=e},isBodyBorderTop:()=>m.value,setBodyBorderTop:e=>{m.value=e},isBodyBorderBottom:()=>C.value,setBodyBorderBottom:e=>{C.value=e},isBodyBorderLeft:()=>A.value,setBodyBorderLeft:e=>{A.value=e},isBodyBorderRight:()=>T.value,setBodyBorderRight:e=>{T.value=e},isFooterBorderTop:()=>p.value,setFooterBorderTop:e=>{p.value=e},isFooterBorderBottom:()=>S.value,setFooterBorderBottom:e=>{S.value=e},isFooterBorderLeft:()=>L.value,setFooterBorderLeft:e=>{L.value=e},isFooterBorderRight:()=>w.value,setFooterBorderRight:e=>{w.value=e},getStriped:()=>c.value,setStriped:e=>{c.value=e},getHoverable:()=>d.value,setHoverable:e=>{d.value=e},getCaption:()=>v.value,setCaption:e=>{v.value=e},getBackgroundType:()=>h.value,setBackgroundType:e=>{h.value=e},getHeaderTextAlign:()=>V.value,setHeaderTextAlign:e=>{V.value=e},getBodyTextAlign:()=>R.value,setBodyTextAlign:e=>{R.value=e},getFooterTextAlign:()=>k.value,setFooterTextAlign:e=>{k.value=e},getHeaderVerticalAlign:()=>E.value,setHeaderVerticalAlign:e=>{E.value=e},getBodyVerticalAlign:()=>H.value,setBodyVerticalAlign:e=>{H.value=e},getFooterVerticalAlign:()=>q.value,setFooterVerticalAlign:e=>{q.value=e},getRowCount:()=>{const e=s.value;return e?e.querySelectorAll(":scope > tr").length:0},getRowElement:e=>{const r=s.value;if(!r||!Number.isInteger(e)||e<0)return null;const a=r.querySelectorAll(":scope > tr");return e>=a.length?null:a[e]},getHeadElement:()=>$.value,getBodyElement:()=>s.value,getFootElement:()=>N.value,reload:()=>l.reloadHisonComponent(U)},l.hisonCloser.component.tableList[i]=z.value,j("mounted",z.value)},re=()=>{s.value&&(s.value.removeEventListener("mouseover",_),s.value.removeEventListener("mouseleave",ee)),l.unregisterReloadable(U),delete l.hisonCloser.component.tableList[i]};return t.onMounted(oe),t.onBeforeUnmount(re),t.watch(Q,e=>{G(),j("responsive-change",e)}),t.watch(()=>o.visible,e=>{const r=!!e;r!==f.value&&(f.value=r)}),t.watch(()=>o.caption,e=>{const r=e??"";r!==v.value&&(v.value=r)}),t.watch(()=>o.border,e=>{const r=!!e;r!==u.value&&(u.value=r)}),t.watch(()=>o.backgroundType,e=>{e&&e!==h.value&&(h.value=e)}),t.watch(()=>o.striped,e=>{const r=e??"row";r!==c.value&&(c.value=r)}),t.watch(()=>o.hoverable,e=>{const r=e??"row";r!==d.value&&(d.value=r)}),t.watch(()=>o.headerBorderTop,e=>{const r=!!e;r!==y.value&&(y.value=r)}),t.watch(()=>o.headerBorderBottom,e=>{const r=!!e;r!==B.value&&(B.value=r)}),t.watch(()=>o.headerBorderLeft,e=>{const r=!!e;r!==g.value&&(g.value=r)}),t.watch(()=>o.headerBorderRight,e=>{const r=!!e;r!==b.value&&(b.value=r)}),t.watch(()=>o.bodyBorderTop,e=>{const r=!!e;r!==m.value&&(m.value=r)}),t.watch(()=>o.bodyBorderBottom,e=>{const r=!!e;r!==C.value&&(C.value=r)}),t.watch(()=>o.bodyBorderLeft,e=>{const r=!!e;r!==A.value&&(A.value=r)}),t.watch(()=>o.bodyBorderRight,e=>{const r=!!e;r!==T.value&&(T.value=r)}),t.watch(()=>o.footerBorderTop,e=>{const r=!!e;r!==p.value&&(p.value=r)}),t.watch(()=>o.footerBorderBottom,e=>{const r=!!e;r!==S.value&&(S.value=r)}),t.watch(()=>o.footerBorderLeft,e=>{const r=!!e;r!==L.value&&(L.value=r)}),t.watch(()=>o.footerBorderRight,e=>{const r=!!e;r!==w.value&&(w.value=r)}),t.watch(()=>o.headerTextAlign,e=>{e&&e!==V.value&&(V.value=e)}),t.watch(()=>o.bodyTextAlign,e=>{e&&e!==R.value&&(R.value=e)}),t.watch(()=>o.footerTextAlign,e=>{e&&e!==k.value&&(k.value=e)}),t.watch(()=>o.headerVerticalAlign,e=>{e&&e!==E.value&&(E.value=e)}),t.watch(()=>o.bodyVerticalAlign,e=>{e&&e!==H.value&&(H.value=e)}),t.watch(()=>o.footerVerticalAlign,e=>{e&&e!==q.value&&(q.value=e)}),t.watch(()=>o.headerCellClass,()=>t.nextTick(X)),t.watch(()=>o.headerCellStyle,()=>t.nextTick(X)),t.watch(()=>o.bodyCellClass,()=>t.nextTick(K)),t.watch(()=>o.bodyCellStyle,()=>t.nextTick(K)),t.watch(()=>o.footerCellClass,()=>t.nextTick(Y)),t.watch(()=>o.footerCellStyle,()=>t.nextTick(Y)),t.watch(()=>o.class,()=>{G()}),{props:o,tableRef:J,theadRef:$,tbodyRef:s,tfootRef:N,visibleClass:ae,stripedClass:de,hoverableClass:ie,caption:v,border:u,borderClass:se,tableBackgroundTypeClass:ne,responsiveClassList:F,headerBorderTopClass:ue,bodyBorderTopClass:he,footerBorderTopClass:be,headerBorderBottomClass:ce,bodyBorderBottomClass:ye,footerBorderBottomClass:me,headerBorderLeftClass:fe,bodyBorderLeftClass:Be,footerBorderLeftClass:Ce,headerBorderRightClass:ve,bodyBorderRightClass:ge,footerBorderRightClass:Ae,headerTextAlignClass:Te,bodyTextAlignClass:pe,footerTextAlignClass:Se,headerVAlignClass:Le,bodyVAlignClass:we,footerVAlignClass:Ve}}}),Ne={key:0,class:"hison-table-caption"};function Fe(o,j,J,$,s,N){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...o.responsiveClassList,o.visibleClass])},[t.createElementVNode("table",{ref:"tableRef",class:t.normalizeClass(["hison-table",o.borderClass,o.tableBackgroundTypeClass,o.stripedClass,o.hoverableClass]),style:t.normalizeStyle(o.props.style)},[o.$slots.caption||o.caption?(t.openBlock(),t.createElementBlock("caption",Ne,[t.renderSlot(o.$slots,"caption",{},()=>[t.createTextVNode(t.toDisplayString(o.caption),1)])])):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"colgroup"),o.$slots.thead?(t.openBlock(),t.createElementBlock("thead",{key:1,ref:"theadRef",class:t.normalizeClass([o.headerBorderTopClass,o.headerBorderBottomClass,o.headerBorderLeftClass,o.headerBorderRightClass,o.headerTextAlignClass,o.headerVAlignClass])},[t.renderSlot(o.$slots,"thead")],2)):t.createCommentVNode("",!0),t.createElementVNode("tbody",{ref:"tbodyRef",class:t.normalizeClass([o.bodyBorderTopClass,o.bodyBorderBottomClass,o.bodyBorderLeftClass,o.bodyBorderRightClass,o.bodyTextAlignClass,o.bodyVAlignClass])},[t.renderSlot(o.$slots,"default")],2),o.$slots.tfoot?(t.openBlock(),t.createElementBlock("tfoot",{key:2,ref:"tfootRef",class:t.normalizeClass([o.footerBorderTopClass,o.footerBorderBottomClass,o.footerBorderLeftClass,o.footerBorderRightClass,o.footerTextAlignClass,o.footerVAlignClass])},[t.renderSlot(o.$slots,"tfoot")],2)):t.createCommentVNode("",!0)],6)],2)}const Oe=He._export_sfc($e,[["render",Fe]]);exports.default=Oe;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as Xe, ref as a, computed as s, onMounted as Ye, onBeforeUnmount as Ze, watch as r, nextTick as f, createElementBlock as P, openBlock as G, normalizeClass as O, createElementVNode as he, normalizeStyle as Je, createCommentVNode as le, renderSlot as j, createTextVNode as Qe, toDisplayString as We } from "vue";
2
- import { B as xe, f as I, a1 as ae, a2 as se, T as ne, w as de, g as _e, u as et, e as tt, t as ot, b as Ce, h as N, r as rt, c as lt, d as at } from "./index-CGtmnY7e.mjs";
2
+ import { B as xe, f as I, a1 as ae, a2 as se, T as ne, w as de, g as _e, u as et, e as tt, t as ot, b as Ce, h as N, r as rt, c as lt, d as at } from "./index-C7E7pVNE.mjs";
3
3
  import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const nt = {
5
5
  /**
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-u-g5zFbx.js");exports.BACKGROUND_TYPE_VALUES=e.BACKGROUND_TYPE_VALUES;exports.BACK_IMAGE_ALIGN_VALUES=e.BACK_IMAGE_ALIGN_VALUES;exports.BACK_IMAGE_STYLE_VALUES=e.BACK_IMAGE_STYLE_VALUES;exports.BACK_IMAGE_VERTICAL_ALIGN_VALUES=e.BACK_IMAGE_VERTICAL_ALIGN_VALUES;exports.BackImageAlign=e.BackImageAlign;exports.BackImageRepeat=e.BackImageRepeat;exports.BackImageVerticalAlign=e.BackImageVerticalAlign;exports.BackgroundType=e.BackgroundType;exports.COLOR_SET_VALUES=e.COLOR_SET_VALUES;exports.CSS_VAR_RE=e.CSS_VAR_RE;exports.Color=e.Color;exports.DATA_STATUS_VALUES=e.DATA_STATUS_VALUES;exports.DROPDOWN_TRIGGER_VALUES=e.DROPDOWN_TRIGGER_VALUES;exports.DataStatus=e.DataStatus;exports.DayOfWeek=e.DayOfWeek;exports.DropdownTrigger=e.DropdownTrigger;exports.EDIT_MODE_VALUES=e.EDIT_MODE_VALUES;exports.EditMode=e.EditMode;exports.GRID_ALIGN_VALUES=e.GRID_ALIGN_VALUES;exports.GRID_DATE_FORMAT_VALUES=e.GRID_DATE_FORMAT_VALUES;exports.GRID_MONTH_FORMAT_VALUES=e.GRID_MONTH_FORMAT_VALUES;exports.GRID_VERTICAL_ALIGN_VALUES=e.GRID_VERTICAL_ALIGN_VALUES;exports.HAccordionClientOnly=e.HAccordionClientOnly;exports.HBaggieClientOnly=e.HBaggieClientOnly;exports.HBannerClientOnly=e.HBannerClientOnly;exports.HButtonClientOnly=e.HButtonClientOnly;exports.HCalendarClientOnly=e.HCalendarClientOnly;exports.HCalendarTimeFormat=e.HCalendarTimeFormat;exports.HCalendarView=e.HCalendarView;exports.HCaptionClientOnly=e.HCaptionClientOnly;exports.HChartClientOnly=e.HChartClientOnly;exports.HDrawerClientOnly=e.HDrawerClientOnly;exports.HDropdownClientOnly=e.HDropdownClientOnly;exports.HEX_COLOR_RE=e.HEX_COLOR_RE;exports.HFilesetClientOnly=e.HFilesetClientOnly;exports.HGapClientOnly=e.HGapClientOnly;exports.HGapLine=e.HGapLine;exports.HGapLineStyle=e.HGapLineStyle;exports.HGridClientOnly=e.HGridClientOnly;exports.HImageboxClientOnly=e.HImageboxClientOnly;exports.HInputClientOnly=e.HInputClientOnly;exports.HInputGroupClientOnly=e.HInputGroupClientOnly;exports.HLabelClientOnly=e.HLabelClientOnly;exports.HLayoutClientOnly=e.HLayoutClientOnly;exports.HListClientOnly=e.HListClientOnly;exports.HModalClientOnly=e.HModalClientOnly;exports.HNoteClientOnly=e.HNoteClientOnly;exports.HPaginationClientOnly=e.HPaginationClientOnly;exports.HParagraphClientOnly=e.HParagraphClientOnly;exports.HPopupClientOnly=e.HPopupClientOnly;exports.HSpinnerClientOnly=e.HSpinnerClientOnly;exports.HTableClientOnly=e.HTableClientOnly;exports.H_CALENDAR_TIME_FORMAT_VALUES=e.H_CALENDAR_TIME_FORMAT_VALUES;exports.H_CALENDAR_VIEW_VALUES=e.H_CALENDAR_VIEW_VALUES;exports.H_GAP_LINE_STYLE_VALUES=e.H_GAP_LINE_STYLE_VALUES;exports.H_GAP_RULE_VALUES=e.H_GAP_RULE_VALUES;exports.INPUT_TYPE_VALUES=e.INPUT_TYPE_VALUES;exports.InputType=e.InputType;exports.MODAL_PLACEMENT_VALUES=e.MODAL_PLACEMENT_VALUES;exports.ModalPlacement=e.ModalPlacement;exports.NOTE_MODE_BY_DEVICE_VALUES=e.NOTE_MODE_BY_DEVICE_VALUES;exports.SCREEN_POSITION_VALUES=e.SCREEN_POSITION_VALUES;exports.SELECTION_POLICY_VALUES=e.SELECTION_POLICY_VALUES;exports.SPINNER_TYPE_VALUES=e.SPINNER_TYPE_VALUES;exports.ScreenPosition=e.ScreenPosition;exports.Size=e.Size;exports.SpinnerType=e.SpinnerType;exports.TEXT_ALIGN_VALUES=e.TEXT_ALIGN_VALUES;exports.TOOL_POSITION_VALUES=e.TOOL_POSITION_VALUES;exports.TextAlign=e.TextAlign;exports.VERTICAL_ALIGN_VALUES=e.VERTICAL_ALIGN_VALUES;exports.VerticalAlign=e.VerticalAlign;exports.WHITE_SPACE_VALUES=e.WHITE_SPACE_VALUES;exports.WhiteSpace=e.WhiteSpace;exports.getDefaultHisonConfig=e.getDefaultHisonConfig;exports.hison=e.hison;exports.hisonCloser=e.hisonCloser;exports.hisonvue=e.hisonvue;exports.isCssColorLike=e.isCssColorLike;exports.AllDateTimeFormat=e.Hisonjs_bundleExports.AllDateTimeFormat;exports.ColorSet=e.Vanillagrid2_bundleExports.ColorSet;exports.CountDateType=e.Hisonjs_bundleExports.CountDateType;exports.DateFormat=e.Hisonjs_bundleExports.DateFormat;exports.DateTimeFormat=e.Hisonjs_bundleExports.DateTimeFormat;exports.DayFormat=e.Hisonjs_bundleExports.DayFormat;exports.DayOfWeekFormat=e.Hisonjs_bundleExports.DayOfWeekFormat;exports.DayOfWeekFullName=e.Hisonjs_bundleExports.DayOfWeekFullName;exports.DayOfWeekFullNameKR=e.Hisonjs_bundleExports.DayOfWeekFullNameKR;exports.DayOfWeekShortName=e.Hisonjs_bundleExports.DayOfWeekShortName;exports.DayOfWeekShortNameKR=e.Hisonjs_bundleExports.DayOfWeekShortNameKR;exports.GridAlign=e.Vanillagrid2_bundleExports.Align;exports.GridBasicDataType=e.Vanillagrid2_bundleExports.BasicDataType;exports.GridDateFormat=e.Vanillagrid2_bundleExports.DateFormat;exports.GridMonthFormat=e.Vanillagrid2_bundleExports.MonthFormat;exports.GridRowStatus=e.Vanillagrid2_bundleExports.RowStatus;exports.GridVerticalAlign=e.Vanillagrid2_bundleExports.VerticalAlign;exports.HourFormat=e.Hisonjs_bundleExports.HourFormat;exports.HourMinuteFormat=e.Hisonjs_bundleExports.HourMinuteFormat;exports.MinuteFormat=e.Hisonjs_bundleExports.MinuteFormat;exports.MonthFormat=e.Hisonjs_bundleExports.MonthFormat;exports.MonthFullName=e.Hisonjs_bundleExports.MonthFullName;exports.MonthShortName=e.Hisonjs_bundleExports.MonthShortName;exports.NoteModeByDevice=e.Vanillanote2_bundleExports.NoteModeByDevice;exports.NoteToolPosition=e.Vanillanote2_bundleExports.ToolPosition;exports.SecondFormat=e.Hisonjs_bundleExports.SecondFormat;exports.SelectionPolicy=e.Vanillagrid2_bundleExports.SelectionPolicy;exports.TimeFormat=e.Hisonjs_bundleExports.TimeFormat;exports.YearFormat=e.Hisonjs_bundleExports.YearFormat;exports.YearMonthFormat=e.Hisonjs_bundleExports.YearMonthFormat;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CPFyQIpi.js");exports.BACKGROUND_TYPE_VALUES=e.BACKGROUND_TYPE_VALUES;exports.BACK_IMAGE_ALIGN_VALUES=e.BACK_IMAGE_ALIGN_VALUES;exports.BACK_IMAGE_STYLE_VALUES=e.BACK_IMAGE_STYLE_VALUES;exports.BACK_IMAGE_VERTICAL_ALIGN_VALUES=e.BACK_IMAGE_VERTICAL_ALIGN_VALUES;exports.BackImageAlign=e.BackImageAlign;exports.BackImageRepeat=e.BackImageRepeat;exports.BackImageVerticalAlign=e.BackImageVerticalAlign;exports.BackgroundType=e.BackgroundType;exports.COLOR_SET_VALUES=e.COLOR_SET_VALUES;exports.CSS_VAR_RE=e.CSS_VAR_RE;exports.Color=e.Color;exports.DATA_STATUS_VALUES=e.DATA_STATUS_VALUES;exports.DROPDOWN_TRIGGER_VALUES=e.DROPDOWN_TRIGGER_VALUES;exports.DataStatus=e.DataStatus;exports.DayOfWeek=e.DayOfWeek;exports.DropdownTrigger=e.DropdownTrigger;exports.EDIT_MODE_VALUES=e.EDIT_MODE_VALUES;exports.EditMode=e.EditMode;exports.GRID_ALIGN_VALUES=e.GRID_ALIGN_VALUES;exports.GRID_DATE_FORMAT_VALUES=e.GRID_DATE_FORMAT_VALUES;exports.GRID_MONTH_FORMAT_VALUES=e.GRID_MONTH_FORMAT_VALUES;exports.GRID_VERTICAL_ALIGN_VALUES=e.GRID_VERTICAL_ALIGN_VALUES;exports.HAccordionClientOnly=e.HAccordionClientOnly;exports.HBaggieClientOnly=e.HBaggieClientOnly;exports.HBannerClientOnly=e.HBannerClientOnly;exports.HButtonClientOnly=e.HButtonClientOnly;exports.HCalendarClientOnly=e.HCalendarClientOnly;exports.HCalendarTimeFormat=e.HCalendarTimeFormat;exports.HCalendarView=e.HCalendarView;exports.HCaptionClientOnly=e.HCaptionClientOnly;exports.HChartClientOnly=e.HChartClientOnly;exports.HDrawerClientOnly=e.HDrawerClientOnly;exports.HDropdownClientOnly=e.HDropdownClientOnly;exports.HEX_COLOR_RE=e.HEX_COLOR_RE;exports.HFilesetClientOnly=e.HFilesetClientOnly;exports.HGapClientOnly=e.HGapClientOnly;exports.HGapLine=e.HGapLine;exports.HGapLineStyle=e.HGapLineStyle;exports.HGridClientOnly=e.HGridClientOnly;exports.HImageboxClientOnly=e.HImageboxClientOnly;exports.HInputClientOnly=e.HInputClientOnly;exports.HInputGroupClientOnly=e.HInputGroupClientOnly;exports.HLabelClientOnly=e.HLabelClientOnly;exports.HLayoutClientOnly=e.HLayoutClientOnly;exports.HListClientOnly=e.HListClientOnly;exports.HModalClientOnly=e.HModalClientOnly;exports.HNoteClientOnly=e.HNoteClientOnly;exports.HPaginationClientOnly=e.HPaginationClientOnly;exports.HParagraphClientOnly=e.HParagraphClientOnly;exports.HPopupClientOnly=e.HPopupClientOnly;exports.HSpinnerClientOnly=e.HSpinnerClientOnly;exports.HTableClientOnly=e.HTableClientOnly;exports.H_CALENDAR_TIME_FORMAT_VALUES=e.H_CALENDAR_TIME_FORMAT_VALUES;exports.H_CALENDAR_VIEW_VALUES=e.H_CALENDAR_VIEW_VALUES;exports.H_GAP_LINE_STYLE_VALUES=e.H_GAP_LINE_STYLE_VALUES;exports.H_GAP_RULE_VALUES=e.H_GAP_RULE_VALUES;exports.INPUT_TYPE_VALUES=e.INPUT_TYPE_VALUES;exports.InputType=e.InputType;exports.MODAL_PLACEMENT_VALUES=e.MODAL_PLACEMENT_VALUES;exports.ModalPlacement=e.ModalPlacement;exports.NOTE_MODE_BY_DEVICE_VALUES=e.NOTE_MODE_BY_DEVICE_VALUES;exports.SCREEN_POSITION_VALUES=e.SCREEN_POSITION_VALUES;exports.SELECTION_POLICY_VALUES=e.SELECTION_POLICY_VALUES;exports.SPINNER_TYPE_VALUES=e.SPINNER_TYPE_VALUES;exports.ScreenPosition=e.ScreenPosition;exports.Size=e.Size;exports.SpinnerType=e.SpinnerType;exports.TEXT_ALIGN_VALUES=e.TEXT_ALIGN_VALUES;exports.TOOL_POSITION_VALUES=e.TOOL_POSITION_VALUES;exports.TextAlign=e.TextAlign;exports.VERTICAL_ALIGN_VALUES=e.VERTICAL_ALIGN_VALUES;exports.VerticalAlign=e.VerticalAlign;exports.WHITE_SPACE_VALUES=e.WHITE_SPACE_VALUES;exports.WhiteSpace=e.WhiteSpace;exports.getDefaultHisonConfig=e.getDefaultHisonConfig;exports.hison=e.hison;exports.hisonCloser=e.hisonCloser;exports.hisonvue=e.hisonvue;exports.isCssColorLike=e.isCssColorLike;exports.AllDateTimeFormat=e.Hisonjs_bundleExports.AllDateTimeFormat;exports.ColorSet=e.Vanillagrid2_bundleExports.ColorSet;exports.CountDateType=e.Hisonjs_bundleExports.CountDateType;exports.DateFormat=e.Hisonjs_bundleExports.DateFormat;exports.DateTimeFormat=e.Hisonjs_bundleExports.DateTimeFormat;exports.DayFormat=e.Hisonjs_bundleExports.DayFormat;exports.DayOfWeekFormat=e.Hisonjs_bundleExports.DayOfWeekFormat;exports.DayOfWeekFullName=e.Hisonjs_bundleExports.DayOfWeekFullName;exports.DayOfWeekFullNameKR=e.Hisonjs_bundleExports.DayOfWeekFullNameKR;exports.DayOfWeekShortName=e.Hisonjs_bundleExports.DayOfWeekShortName;exports.DayOfWeekShortNameKR=e.Hisonjs_bundleExports.DayOfWeekShortNameKR;exports.GridAlign=e.Vanillagrid2_bundleExports.Align;exports.GridBasicDataType=e.Vanillagrid2_bundleExports.BasicDataType;exports.GridDateFormat=e.Vanillagrid2_bundleExports.DateFormat;exports.GridMonthFormat=e.Vanillagrid2_bundleExports.MonthFormat;exports.GridRowStatus=e.Vanillagrid2_bundleExports.RowStatus;exports.GridVerticalAlign=e.Vanillagrid2_bundleExports.VerticalAlign;exports.HourFormat=e.Hisonjs_bundleExports.HourFormat;exports.HourMinuteFormat=e.Hisonjs_bundleExports.HourMinuteFormat;exports.MinuteFormat=e.Hisonjs_bundleExports.MinuteFormat;exports.MonthFormat=e.Hisonjs_bundleExports.MonthFormat;exports.MonthFullName=e.Hisonjs_bundleExports.MonthFullName;exports.MonthShortName=e.Hisonjs_bundleExports.MonthShortName;exports.NoteModeByDevice=e.Vanillanote2_bundleExports.NoteModeByDevice;exports.NoteToolPosition=e.Vanillanote2_bundleExports.ToolPosition;exports.SecondFormat=e.Hisonjs_bundleExports.SecondFormat;exports.SelectionPolicy=e.Vanillagrid2_bundleExports.SelectionPolicy;exports.TimeFormat=e.Hisonjs_bundleExports.TimeFormat;exports.YearFormat=e.Hisonjs_bundleExports.YearFormat;exports.YearMonthFormat=e.Hisonjs_bundleExports.YearMonthFormat;
@@ -14185,6 +14185,7 @@ copyButtonId: ComputedRef<string>;
14185
14185
  title: Ref<string, string>;
14186
14186
  visibleClass: ComputedRef<"" | "hison-display-none">;
14187
14187
  borderClass: ComputedRef<"" | "hison-border">;
14188
+ backgroundType: Ref<BackgroundTypeValue | BackgroundType, BackgroundTypeValue | BackgroundType>;
14188
14189
  backgroundTypeClass: ComputedRef<"hison-bg-transparent" | "hison-bg-empty" | "hison-bg-filled">;
14189
14190
  fontBoldClass: ComputedRef<"" | "hison-font-bold">;
14190
14191
  fontItalicClass: ComputedRef<"" | "hison-font-italic">;
@@ -1,5 +1,5 @@
1
- import { Q as a, av as t, aw as e } from "./index-CGtmnY7e.mjs";
2
- import { B, Y as k, Z as f, X as W, ax as Y, az as K, ay as w, f as x, G as b, aJ as v, au as z, V as X, D as $, W as j, aK as J, x as q, E as Q, y as Z, aH as aa, L as ta, K as ea, J as oa, a4 as na, a5 as sa, a6 as la, a7 as ia, a8 as ra, aL as _a, m as Aa, a9 as Ea, aa as ma, ab as Sa, ac as Oa, aI as Ca, ad as ca, ae as La, aF as ya, aG as Da, af as Ta, ag as Fa, ah as Ha, ai as Va, aj as Ia, ak as Na, al as ua, am as Ma, an as pa, ao as Ra, ap as Ga, aq as Ua, ar as da, as as ha, k as ga, H as Pa, z as Ba, A as ka, N as fa, O as Wa, aA as Ya, aB as Ka, $ as wa, S as xa, M as ba, aC as va, i as za, v as Xa, aD as $a, T as ja, _ as Ja, w as qa, a1 as Qa, a2 as Za, a0 as at, aE as tt, at as et, l as ot, h as nt, a3 as st, I as lt } from "./index-CGtmnY7e.mjs";
1
+ import { Q as a, av as t, aw as e } from "./index-C7E7pVNE.mjs";
2
+ import { B, Y as k, Z as f, X as W, ax as Y, az as K, ay as w, f as x, G as b, aJ as v, au as z, V as X, D as $, W as j, aK as J, x as q, E as Q, y as Z, aH as aa, L as ta, K as ea, J as oa, a4 as na, a5 as sa, a6 as la, a7 as ia, a8 as ra, aL as _a, m as Aa, a9 as Ea, aa as ma, ab as Sa, ac as Oa, aI as Ca, ad as ca, ae as La, aF as ya, aG as Da, af as Ta, ag as Fa, ah as Ha, ai as Va, aj as Ia, ak as Na, al as ua, am as Ma, an as pa, ao as Ra, ap as Ga, aq as Ua, ar as da, as as ha, k as ga, H as Pa, z as Ba, A as ka, N as fa, O as Wa, aA as Ya, aB as Ka, $ as wa, S as xa, M as ba, aC as va, i as za, v as Xa, aD as $a, T as ja, _ as Ja, w as qa, a1 as Qa, a2 as Za, a0 as at, aE as tt, at as et, l as ot, h as nt, a3 as st, I as lt } from "./index-C7E7pVNE.mjs";
3
3
  const n = a.AllDateTimeFormat, s = t.ColorSet, l = a.CountDateType, i = a.DateFormat, r = a.DateTimeFormat, _ = a.DayFormat, A = a.DayOfWeekFormat, E = a.DayOfWeekFullName, m = a.DayOfWeekFullNameKR, S = a.DayOfWeekShortName, O = a.DayOfWeekShortNameKR, C = t.Align, c = t.BasicDataType, L = t.DateFormat, y = t.MonthFormat, D = t.RowStatus, T = t.VerticalAlign, F = a.HourFormat, H = a.HourMinuteFormat, V = a.MinuteFormat, I = a.MonthFormat, N = a.MonthFullName, u = a.MonthShortName, M = e.NoteModeByDevice, p = e.ToolPosition, R = a.SecondFormat, G = t.SelectionPolicy, U = a.TimeFormat, d = a.YearFormat, h = a.YearMonthFormat;
4
4
  export {
5
5
  n as AllDateTimeFormat,
@@ -19860,7 +19860,7 @@ const Ta = zs("pc"), Qy = () => Qc(Ta), Fg = () => {
19860
19860
  return ce.componentStyle.invertColor;
19861
19861
  }
19862
19862
  }, t.component = {}, t.component.getAccordion = (o) => ce.component.accordionList[o], t.component.getBaggie = (o) => ce.component.baggieList[o], t.component.getBanner = (o) => ce.component.bannerList[o], t.component.getButton = (o) => ce.component.buttonList[o], t.component.getCalendar = (o) => ce.component.calendarList[o], t.component.getCaption = (o) => ce.component.captionList[o], t.component.getChart = (o) => ce.component.chartList[o], t.component.getDrawer = (o) => ce.component.drawerList[o], t.component.getDropdown = (o) => ce.component.dropdownList[o], t.component.getGap = (o) => ce.component.gapList[o], t.component.getFileset = (o) => ce.component.filesetList[o], t.component.getGrid = (o) => ce.grid.getGrid(o), t.component.getImagebox = (o) => ce.component.imageboxList[o], t.component.getInput = (o) => ce.component.inputList[o], t.component.getInputGroup = (o) => ce.component.inputGroupList[o], t.component.getLabel = (o) => ce.component.labelList[o], t.component.getLayout = (o) => ce.component.layoutList[o], t.component.getList = (o) => ce.component.listList[o], t.component.getModal = (o) => ce.component.modalList[o], t.component.getNote = (o) => ce.note.getNote(o), t.component.getPagination = (o) => ce.component.paginationList[o], t.component.getParagraph = (o) => ce.component.paragraphList[o], t.component.getPopup = (o) => ce.component.popupList[o], t.component.getSpinner = (o) => ce.component.spinnerList[o], t.component.getTable = (o) => ce.component.tableList[o];
19863
- }, Vg = Bt(() => import("./HAccordion-k6I3ro_e.mjs"), "HAccordion"), Dg = Bt(() => import("./HBaggie-ztJlgm1Y.mjs"), "HBaggie"), Pg = Bt(() => import("./HBanner-DYxKwQJV.mjs"), "HBanner"), zg = Bt(() => import("./HButton-DZ3LGFGL.mjs"), "HButton"), Ug = Bt(() => import("./HCalendar-BoiycDof.mjs"), "HCalendar"), Gg = Bt(() => import("./HCaption-Dd_nGhTl.mjs"), "HCaption"), jg = Bt(() => import("./HChart-CR0TiHom.mjs"), "HChart"), Wg = Bt(() => import("./HDrawer-DmG_tsdU.mjs"), "HDrawer"), qg = Bt(() => import("./HDropdown-DQ6KQfPV.mjs"), "HDropdown"), $g = Bt(() => import("./HFileset-Dh2nT5Lb.mjs"), "HFileset"), Yg = Bt(() => import("./HGap-ESgOWL2x.mjs"), "HGap"), Kg = Bt(() => import("./HGrid-DecXVfSi.mjs"), "HGrid"), Xg = Bt(() => import("./HImagebox-CzVAIF4A.mjs"), "HImagebox"), Jg = Bt(() => import("./HInput-CpIPFgBo.mjs"), "HInput"), Zg = Bt(() => import("./HInputGroup-Bx2sXup7.mjs"), "HInputGroup"), Qg = Bt(() => import("./HLabel-Cot0n5dw.mjs"), "HLabel"), ey = Bt(() => import("./HLayout-jlynIYwJ.mjs"), "HLayout"), ty = Bt(() => import("./HList-CJBYg2Ey.mjs"), "HList"), ny = Bt(() => import("./HModal-XSU9c7IC.mjs"), "HModal"), oy = Bt(() => import("./HNote-ORA1FwDh.mjs"), "HNote"), ry = Bt(() => import("./HPagination-CkSZ9zBi.mjs"), "HPagination"), iy = Bt(() => import("./HParagraph-BuY1NZBS.mjs"), "HParagraph"), ay = Bt(() => import("./HPopup-BPOIjJKC.mjs"), "HPopup"), ly = Bt(() => import("./HSpinner-BA6seHtJ.mjs"), "HSpinner"), sy = Bt(() => import("./HTable-Doogy4ha.mjs"), "HTable"), ce = {
19863
+ }, Vg = Bt(() => import("./HAccordion-Ch-hwwPy.mjs"), "HAccordion"), Dg = Bt(() => import("./HBaggie-BWRGj_hM.mjs"), "HBaggie"), Pg = Bt(() => import("./HBanner-BewlY928.mjs"), "HBanner"), zg = Bt(() => import("./HButton-b_zT1Dvr.mjs"), "HButton"), Ug = Bt(() => import("./HCalendar-YvxdCT1t.mjs"), "HCalendar"), Gg = Bt(() => import("./HCaption-Gevqnsa8.mjs"), "HCaption"), jg = Bt(() => import("./HChart-CmfVNBp8.mjs"), "HChart"), Wg = Bt(() => import("./HDrawer-DT4e--7M.mjs"), "HDrawer"), qg = Bt(() => import("./HDropdown-BJ86EwdM.mjs"), "HDropdown"), $g = Bt(() => import("./HFileset-Cux61F0B.mjs"), "HFileset"), Yg = Bt(() => import("./HGap-B1aNR7TD.mjs"), "HGap"), Kg = Bt(() => import("./HGrid-FcF7RriG.mjs"), "HGrid"), Xg = Bt(() => import("./HImagebox-DSDY4e_1.mjs"), "HImagebox"), Jg = Bt(() => import("./HInput-BeirG4pw.mjs"), "HInput"), Zg = Bt(() => import("./HInputGroup-Bv-t7ZBL.mjs"), "HInputGroup"), Qg = Bt(() => import("./HLabel-CmmmUiDr.mjs"), "HLabel"), ey = Bt(() => import("./HLayout-D2zKRR83.mjs"), "HLayout"), ty = Bt(() => import("./HList-DhgYTjwz.mjs"), "HList"), ny = Bt(() => import("./HModal-B8pFhGv2.mjs"), "HModal"), oy = Bt(() => import("./HNote-BU-iCtOe.mjs"), "HNote"), ry = Bt(() => import("./HPagination-DWjgxcvT.mjs"), "HPagination"), iy = Bt(() => import("./HParagraph-DPFhem-s.mjs"), "HParagraph"), ay = Bt(() => import("./HPopup-BYisJa_1.mjs"), "HPopup"), ly = Bt(() => import("./HSpinner-DSmODrHI.mjs"), "HSpinner"), sy = Bt(() => import("./HTable-y6RSCTsB.mjs"), "HTable"), ce = {
19864
19864
  event: { cssEvent: {} }
19865
19865
  }, fn = an.createHison(), ep = {
19866
19866
  install(t, e) {