hisonvue 1.1.39 → 1.1.41

package/dist/HDropdown-CMvFAXr9.js

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

package/dist/{HDropdown-trpRIODH.mjs → HDropdown-zB6_-GNT.mjs}

@@ -1,8 +1,8 @@
-import { defineComponent as Oe, ref as o, computed as v, onMounted as Ee, onBeforeUnmount as Me, watch as i, nextTick as c, unref as ae, openBlock as j, createElementBlock as U, normalizeStyle as $, normalizeClass as P, createElementVNode as A, withKeys as ie, withModifiers as se, toDisplayString as ue, renderSlot as Te, Fragment as xe, renderList as Le, createCommentVNode as De } from "vue";
-import { y as b, D as He, E as Z, T as ke, z as Ve, A as Re, g as $e, u as ze, e as Be, t as Fe, b as re, h as N, r as qe, c as je, d as Ue } from "./index-CjHzPazZ.mjs";
-import { a as Pe, r as Ge } from "./setButtonCssEvent-DzgOFy1K.mjs";
-import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Ke = {
+import { defineComponent as Me, ref as o, computed as d, onMounted as Le, onBeforeUnmount as Ve, watch as i, nextTick as c, unref as se, openBlock as j, createElementBlock as U, normalizeStyle as R, normalizeClass as P, createElementVNode as A, withKeys as ue, withModifiers as re, renderSlot as Z, createTextVNode as de, toDisplayString as ve, Fragment as De, renderList as He, createCommentVNode as ke } from "vue";
+import { y, D as $e, E as J, T as xe, z as Re, A as ze, g as Be, u as Fe, e as qe, t as je, b as ce, h as N, r as Ue, c as Pe, d as Ge } from "./index-Btyg21iV.mjs";
+import { a as Ye, r as Ke } from "./setButtonCssEvent-b8kbf0T8.mjs";
+import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Xe = {
   /**
    * Unique identifier for the dropdown instance.
    * - Retrieve methods via `hison.component.getDropdown(id)`
@@ -56,8 +56,8 @@ const Ke = {
    */
   editMode: {
     type: String,
-    default: Z.editable,
-    validator: (n) => Re.includes(n)
+    default: J.editable,
+    validator: (n) => ze.includes(n)
   },
   /**
    * Placeholder text shown when no value selected
@@ -70,13 +70,14 @@ const Ke = {
    */
   trigger: {
     type: String,
-    default: He.click,
-    validator: (n) => Ve.includes(n)
+    default: $e.click,
+    validator: (n) => Re.includes(n)
   },
   /**
    * Model: { value, options }
    * - value: selected value
-   * - options: array of { label, value, disabled? }
+   * - options: array of { label, value, disabled?, ...customFields }
+   *   (custom fields are passed through to the `item` / `toggle-label` scoped slots)
    * - Supports v-model
    */
   modelValue: { type: Object, required: !0 },
@@ -99,8 +100,8 @@ const Ke = {
    */
   textAlign: {
     type: String,
-    default: b.left,
-    validator: (n) => ke.includes(n)
+    default: y.left,
+    validator: (n) => xe.includes(n)
   },
   /**
    * Animate menu open/close & caret rotation.
@@ -136,44 +137,44 @@ const Ke = {
    * - Default: `1100`
    */
   zIndex: { type: Number, default: 1050 }
-}, We = Oe({
+}, Ze = Me({
   name: "HDropdown",
-  props: Ke,
+  props: Xe,
   inheritAttrs: !1,
   emits: ["mounted", "responsive-change", "open", "close", "toggle-click", "item-click", "change", "update:modelValue"],
   setup(n, { emit: l }) {
-    var te, le;
-    const m = n.id || $e(), z = `hdropdown:${m}`, s = o(null), h = o(null), a = ze(), u = o(!1), g = o(((te = n.modelValue) == null ? void 0 : te.options) ?? []), d = o(((le = n.modelValue) == null ? void 0 : le.value) ?? null), S = o(!!n.visible), C = o(n.editMode), O = v(() => C.value === Z.disable), E = v(() => C.value === Z.readonly), G = o(n.placeholder || ""), M = o(n.trigger), T = o(n.textAlign ?? b.left), de = v(() => ({ textAlign: T.value })), x = o(n.animate ?? !0), L = o(n.duration ?? 500), D = o(n.easing ?? "ease"), H = o(
+    var oe, ae;
+    const m = n.id || Be(), z = `hdropdown:${m}`, s = o(null), h = o(null), a = Fe(), u = o(!1), g = o(((oe = n.modelValue) == null ? void 0 : oe.options) ?? []), v = o(((ae = n.modelValue) == null ? void 0 : ae.value) ?? null), S = o(!!n.visible), C = o(n.editMode), O = d(() => C.value === J.disable), E = d(() => C.value === J.readonly), G = o(n.placeholder || ""), T = o(n.trigger), M = o(n.textAlign ?? y.left), ge = d(() => ({ textAlign: M.value })), L = o(n.animate ?? !0), V = o(n.duration ?? 500), D = o(n.easing ?? "ease"), H = o(
       n.tabIndex !== null && n.tabIndex !== "" ? Number(n.tabIndex) : null
-    ), k = o(n.zIndex ?? 1100), ve = v(() => ({
-      "--hdd-duration": `${L.value}ms`,
+    ), k = o(n.zIndex ?? 1100), fe = d(() => ({
+      "--hdd-duration": `${V.value}ms`,
       "--hdd-easing": D.value
-    })), ce = v(() => S.value ? "" : "hison-display-none"), ge = v(() => O.value ? "hison-disable" : ""), fe = v(() => E.value ? "hison-readonly" : ""), B = o([]), Y = () => {
-      B.value = Be(Fe(n.class) || "", a.value), re(B.value, "size", N.componentStyle.size), re(B.value, "color", "primary");
-    }, J = v(() => {
-      const e = g.value.find((t) => t.value === d.value);
-      return (e == null ? void 0 : e.label) ?? "";
-    }), w = o(n.maxHeight ?? 240), me = v(() => ({
+    })), me = d(() => S.value ? "" : "hison-display-none"), pe = d(() => O.value ? "hison-disable" : ""), be = d(() => E.value ? "hison-readonly" : ""), B = o([]), Y = () => {
+      B.value = qe(je(n.class) || "", a.value), ce(B.value, "size", N.componentStyle.size), ce(B.value, "color", "primary");
+    }, Q = d(() => g.value.find((e) => e.value === v.value) ?? null), _ = d(() => {
+      var e;
+      return ((e = Q.value) == null ? void 0 : e.label) ?? "";
+    }), w = o(n.maxHeight ?? 240), ye = d(() => ({
       maxHeight: `${w.value}px`,
       overflowY: "auto"
-    })), V = o(n.closeOnSelect ?? !0), pe = v(() => {
-      const e = g.value.findIndex((t) => t.value === d.value);
+    })), $ = o(n.closeOnSelect ?? !0), he = d(() => {
+      const e = g.value.findIndex((t) => t.value === v.value);
       return e >= 0 ? `opt-${e}` : void 0;
-    }), Q = o({}), I = o(!0), F = 0, ye = 120;
-    function be() {
+    }), ee = o({}), I = o(!0), F = 0, we = 120;
+    function Se() {
       if (!h.value) return 0;
       const e = h.value.querySelector(".hison-dropdown-panel-inner");
       return e && e.scrollHeight || 0;
     }
     function r() {
       if (!u.value || !s.value) return;
-      const e = s.value.getBoundingClientRect(), t = window.innerHeight, f = e.width, y = e.left, oe = t - e.bottom, Se = e.top;
-      I.value = oe >= ye;
-      const Ce = be(), Ie = I.value ? oe - F : Se - F, X = Math.max(0, Math.min(Ce || w.value, w.value, Ie)), Ae = I.value ? e.bottom + F : e.top - X - F, Ne = getComputedStyle(s.value).fontSize || "inherit";
-      Q.value = {
+      const e = s.value.getBoundingClientRect(), t = window.innerHeight, f = e.width, b = e.left, ie = t - e.bottom, Ae = e.top;
+      I.value = ie >= we;
+      const Ne = Se(), Oe = I.value ? ie - F : Ae - F, X = Math.max(0, Math.min(Ne || w.value, w.value, Oe)), Ee = I.value ? e.bottom + F : e.top - X - F, Te = getComputedStyle(s.value).fontSize || "inherit";
+      ee.value = {
         position: "fixed",
-        left: `${y}px`,
-        top: `${Ae}px`,
+        left: `${b}px`,
+        top: `${Ee}px`,
         width: `${f}px`,
         // 중요: 위로 열릴 때는 컨테이너 높이를 '고정'해서 기준점이 안 흔들리게
         // (아래로 열릴 때는 auto여도 무방)
@@ -181,42 +182,42 @@ const Ke = {
         maxHeight: `${X}px`,
         overflowY: "auto",
         zIndex: String(k.value),
-        fontSize: Ne,
+        fontSize: Te,
         transformOrigin: I.value ? "top center" : "bottom center"
       };
     }
     function q() {
       u.value && r();
     }
-    const _ = (e) => {
+    const ne = (e) => {
       if (!u.value) return;
-      const t = e.target, f = !!s.value && !!t && s.value.contains(t), y = !!h.value && !!t && h.value.contains(t);
-      !f && !y && R();
+      const t = e.target, f = !!s.value && !!t && s.value.contains(t), b = !!h.value && !!t && h.value.contains(t);
+      !f && !b && x();
     }, K = (e) => {
       O.value || E.value || !S.value || u.value || (u.value = !0, c(() => {
         r(), requestAnimationFrame(() => r());
       }), l("open", e ?? null, p.value));
-    }, R = (e) => {
-      var y;
+    }, x = (e) => {
+      var b;
       if (!u.value) return;
       const t = document.activeElement, f = h.value;
-      f && t && f.contains(t) && ((y = s.value) == null || y.focus()), u.value = !1, l("close", e ?? null, p.value);
-    }, W = (e) => u.value ? R(e) : K(e), he = (e) => {
-      M.value === "click" && (O.value || E.value || (l("toggle-click", e, p.value), W(e)));
-    }, we = (e, t) => {
+      f && t && f.contains(t) && ((b = s.value) == null || b.focus()), u.value = !1, l("close", e ?? null, p.value);
+    }, W = (e) => u.value ? x(e) : K(e), Ce = (e) => {
+      T.value === "click" && (O.value || E.value || (l("toggle-click", e, p.value), W(e)));
+    }, Ie = (e, t) => {
       if (e.disabled || O.value || E.value) return;
       t && l("item-click", t, p.value, e);
-      const f = d.value;
+      const f = v.value;
       if (e.value !== f) {
-        d.value = e.value;
-        const y = { value: d.value, options: ae(g) };
-        l("update:modelValue", y), l("change", f, d.value, p.value);
+        v.value = e.value;
+        const b = { value: v.value, options: se(g) };
+        l("update:modelValue", b), l("change", f, v.value, p.value);
       }
-      V.value && R(t);
-    }, p = o(null), ee = () => {
-      N.component.dropdownList[m] && N.component.dropdownList[m].isHisonvueComponent && console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${m}`), qe(z, () => {
-        ne(), c(ee);
-      }), s.value && Pe(s.value), Y(), p.value = {
+      $.value && x(t);
+    }, p = o(null), te = () => {
+      N.component.dropdownList[m] && N.component.dropdownList[m].isHisonvueComponent && console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${m}`), Ue(z, () => {
+        le(), c(te);
+      }), s.value && Ye(s.value), Y(), p.value = {
         isHisonvueComponent: !0,
         getId: () => m,
         getType: () => "dropdown",
@@ -230,41 +231,41 @@ const Ke = {
         },
         isOpen: () => u.value,
         open: K,
-        close: R,
+        close: x,
         toggle: W,
-        getValue: () => d.value,
+        getValue: () => v.value,
         setValue: (e) => {
-          d.value = e;
+          v.value = e;
         },
-        getText: () => J.value,
-        getOptions: () => ae(g),
+        getText: () => _.value,
+        getOptions: () => se(g),
         setOptions: (e) => {
           g.value = Array.isArray(e) ? e : [];
         },
         setTriggerType: (e) => {
-          M.value = e;
+          T.value = e;
         },
         getMaxHeight: () => w.value,
         setMaxHeight: (e) => {
           const t = Number(e);
           !Number.isFinite(t) || t < 0 || (w.value = t, c(r));
         },
-        isCloseOnSelect: () => V.value,
+        isCloseOnSelect: () => $.value,
         setCloseOnSelect: (e) => {
-          V.value = !!e;
+          $.value = !!e;
         },
-        getTextAlign: () => T.value,
+        getTextAlign: () => M.value,
         setTextAlign: (e) => {
-          (e === b.left || e === b.center || e === b.right) && (T.value = e, c(r));
+          (e === y.left || e === y.center || e === y.right) && (M.value = e, c(r));
         },
-        getAnimate: () => x.value,
+        getAnimate: () => L.value,
         setAnimate: (e) => {
-          x.value = !!e;
+          L.value = !!e;
         },
-        getDuration: () => L.value,
+        getDuration: () => V.value,
         setDuration: (e) => {
           const t = Number(e);
-          Number.isFinite(t) && t >= 0 && (L.value = t);
+          Number.isFinite(t) && t >= 0 && (V.value = t);
         },
         getEasing: () => D.value,
         setEasing: (e) => {
@@ -282,13 +283,13 @@ const Ke = {
           var e;
           (e = s.value) == null || e.focus();
         },
-        reload: () => je(z)
-      }, N.component.dropdownList[m] = p.value, document.addEventListener("pointerdown", _), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), c(r), l("mounted", p.value);
-    }, ne = () => {
+        reload: () => Pe(z)
+      }, N.component.dropdownList[m] = p.value, document.addEventListener("pointerdown", ne), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), c(r), l("mounted", p.value);
+    }, le = () => {
       var e;
-      Ue(z);
+      Ge(z);
       try {
-        document.removeEventListener("pointerdown", _);
+        document.removeEventListener("pointerdown", ne);
       } catch {
       }
       try {
@@ -299,10 +300,10 @@ const Ke = {
         window.removeEventListener("resize", q);
       } catch {
       }
-      s.value && Ge(s.value), (e = N.component) != null && e.dropdownList && delete N.component.dropdownList[m];
+      s.value && Ke(s.value), (e = N.component) != null && e.dropdownList && delete N.component.dropdownList[m];
     };
-    return Ee(ee), Me(ne), i(() => n.modelValue, (e) => {
-      !e || typeof e != "object" || (Array.isArray(e.options) && (g.value = e.options), d.value = e.value, c(r));
+    return Le(te), Ve(le), i(() => n.modelValue, (e) => {
+      !e || typeof e != "object" || (Array.isArray(e.options) && (g.value = e.options), v.value = e.value, c(r));
     }, { deep: !0 }), i(a, (e) => {
       Y(), l("responsive-change", e), c(r);
     }), i(() => n.visible, (e) => {
@@ -313,15 +314,15 @@ const Ke = {
       const t = e ?? "";
       t !== G.value && (G.value = t);
     }), i(() => n.trigger, (e) => {
-      e && e !== M.value && (M.value = e);
+      e && e !== T.value && (T.value = e);
     }), i(() => n.textAlign, (e) => {
-      (e === b.left || e === b.center || e === b.right) && e !== T.value && (T.value = e, c(r));
+      (e === y.left || e === y.center || e === y.right) && e !== M.value && (M.value = e, c(r));
     }), i(() => n.animate, (e) => {
       const t = !!e;
-      t !== x.value && (x.value = t);
+      t !== L.value && (L.value = t);
     }), i(() => n.duration, (e) => {
       const t = Number(e);
-      Number.isFinite(t) && t >= 0 && t !== L.value && (L.value = t);
+      Number.isFinite(t) && t >= 0 && t !== V.value && (V.value = t);
     }), i(() => n.easing, (e) => {
       const t = typeof e == "string" ? e : "ease";
       t !== D.value && (D.value = t);
@@ -333,7 +334,7 @@ const Ke = {
       Number.isFinite(t) && t >= 0 && t !== w.value && (w.value = t, c(r));
     }), i(() => n.closeOnSelect, (e) => {
       const t = !!e;
-      t !== V.value && (V.value = t);
+      t !== $.value && ($.value = t);
     }), i(() => n.class, () => {
       Y(), c(r);
     }), i(() => n.zIndex, (e) => {
@@ -345,36 +346,37 @@ const Ke = {
       props: n,
       isDisabled: O,
       isReadonly: E,
-      visibleClass: ce,
-      disableClass: ge,
-      readonlyClass: fe,
+      visibleClass: me,
+      disableClass: pe,
+      readonlyClass: be,
       responsiveClassList: B,
       isOpen: u,
-      trigger: M,
-      selectedValue: d,
-      selectedLabel: J,
+      trigger: T,
+      selectedValue: v,
+      selectedOption: Q,
+      selectedLabel: _,
       placeholder: G,
-      activeDescId: pe,
-      menuInlineStyle: me,
+      activeDescId: he,
+      menuInlineStyle: ye,
       options: g,
-      animate: x,
-      rootInlineStyle: ve,
+      animate: L,
+      rootInlineStyle: fe,
       tabIndex: H,
-      fixedMenuStyle: Q,
+      fixedMenuStyle: ee,
       openBelow: I,
-      onToggleClick: he,
-      onSelect: we,
-      textAlignStyle: de,
+      onToggleClick: Ce,
+      onSelect: Ie,
+      textAlignStyle: ge,
       open: K,
-      close: R,
+      close: x,
       toggle: W
     };
   }
-}), Xe = ["aria-expanded", "aria-disabled", "tabindex"], Ze = { class: "hison-dropdown-label" }, Je = ["aria-activedescendant", "inert"], Qe = { class: "hison-dropdown-panel" }, _e = ["aria-selected", "onClick"], en = {
+}), Je = ["aria-expanded", "aria-disabled", "tabindex"], Qe = { class: "hison-dropdown-label" }, _e = ["aria-activedescendant", "inert"], en = { class: "hison-dropdown-panel" }, nn = ["aria-selected", "onClick"], tn = {
   key: 0,
   class: "hison-dropdown-empty"
 };
-function nn(n, l, m, z, s, h) {
+function ln(n, l, m, z, s, h) {
   return j(), U("div", {
     class: P([
       "hison-dropdown",
@@ -385,7 +387,7 @@ function nn(n, l, m, z, s, h) {
       n.isOpen ? "hison-open" : "",
       n.animate ? "" : "hison-no-anim"
     ]),
-    style: $([n.rootInlineStyle, n.props.style]),
+    style: R([n.rootInlineStyle, n.props.style]),
     onMouseenter: l[3] || (l[3] = (a) => n.trigger === "hover" ? n.open(a) : null),
     onMouseleave: l[4] || (l[4] = (a) => n.trigger === "hover" ? n.close(a) : null)
   }, [
@@ -399,52 +401,68 @@ function nn(n, l, m, z, s, h) {
       role: "combobox",
       "aria-disabled": n.isDisabled || n.isReadonly ? "true" : "false",
       tabindex: n.tabIndex ?? void 0,
-      style: $([n.textAlignStyle, n.props.toggleStyle]),
+      style: R([n.textAlignStyle, n.props.toggleStyle]),
       onClick: l[0] || (l[0] = (a) => n.onToggleClick(a)),
       onKeydown: [
-        l[1] || (l[1] = ie(se((a) => n.onToggleClick(a), ["prevent"]), ["enter"])),
-        l[2] || (l[2] = ie(se((a) => n.onToggleClick(a), ["prevent"]), ["space"]))
+        l[1] || (l[1] = ue(re((a) => n.onToggleClick(a), ["prevent"]), ["enter"])),
+        l[2] || (l[2] = ue(re((a) => n.onToggleClick(a), ["prevent"]), ["space"]))
       ]
     }, [
-      A("span", Ze, ue(n.selectedLabel || n.placeholder), 1),
-      Te(n.$slots, "caret", {}, () => [
+      A("span", Qe, [
+        Z(n.$slots, "toggle-label", {
+          option: n.selectedOption,
+          label: n.selectedLabel,
+          placeholder: n.placeholder
+        }, () => [
+          de(ve(n.selectedLabel || n.placeholder), 1)
+        ])
+      ]),
+      Z(n.$slots, "caret", {}, () => [
         l[5] || (l[5] = A("span", { class: "hison-dropdown-caret" }, "▾", -1))
       ])
-    ], 46, Xe),
+    ], 46, Je),
     A("div", {
       ref: "menuRef",
       class: P(["hison-dropdown-menu hison-dropdown-menu-fixed", [
         n.isOpen ? "hison-open" : "",
         n.openBelow ? "hison-open-below" : "hison-open-above"
       ]]),
-      style: $([n.fixedMenuStyle, n.textAlignStyle, n.props.menuStyle]),
+      style: R([n.fixedMenuStyle, n.textAlignStyle, n.props.menuStyle]),
       role: "listbox",
       "aria-activedescendant": n.activeDescId,
       inert: !n.isOpen || void 0
     }, [
-      A("div", Qe, [
+      A("div", en, [
         A("div", {
           class: "hison-dropdown-panel-inner",
-          style: $(n.menuInlineStyle)
+          style: R(n.menuInlineStyle)
         }, [
-          (j(!0), U(xe, null, Le(n.options, (a, u) => (j(), U("div", {
+          (j(!0), U(De, null, He(n.options, (a, u) => (j(), U("div", {
             key: `opt-${u}`,
             class: P(["hison-dropdown-item", [
               a.disabled ? "hison-disable" : "",
               a.value === n.selectedValue ? "hison-selected" : ""
             ]]),
-            style: $(n.props.itemStyle),
+            style: R(n.props.itemStyle),
             role: "option",
             "aria-selected": a.value === n.selectedValue ? "true" : "false",
             onClick: (g) => n.onSelect(a, g)
-          }, ue(a.label), 15, _e))), 128)),
-          n.options.length === 0 ? (j(), U("div", en, "No options")) : De("", !0)
+          }, [
+            Z(n.$slots, "item", {
+              option: a,
+              index: u,
+              selected: a.value === n.selectedValue
+            }, () => [
+              de(ve(a.label), 1)
+            ])
+          ], 14, nn))), 128)),
+          n.options.length === 0 ? (j(), U("div", tn, "No options")) : ke("", !0)
         ], 4)
       ])
-    ], 14, Je)
+    ], 14, _e)
   ], 38);
 }
-const sn = /* @__PURE__ */ Ye(We, [["render", nn]]);
+const rn = /* @__PURE__ */ We(Ze, [["render", ln]]);
 export {
-  sn as default
+  rn as default
 };

package/dist/{HFileset-yDnoWeFJ.mjs → HFileset-BsN3h5mB.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Oe, ref as s, computed as D, onMounted as Le, onBeforeUnmount as Ee, watch as d, nextTick as ie, resolveComponent as je, openBlock as y, createElementBlock as b, Fragment as Y, createBlock as Re, normalizeStyle as me, normalizeClass as M, withCtx as be, renderSlot as Z, toDisplayString as K, createCommentVNode as ae, createElementVNode as j, withModifiers as _, renderList as Pe, createVNode as He } from "vue";
-import { E as N, A as Ve, g as Ue, l as g, u as Je, j as ge, t as ee, h as z, e as qe, a as We, b as pe, r as Ge, c as Ke, d as Qe } from "./index-CjHzPazZ.mjs";
+import { E as N, A as Ve, g as Ue, l as g, u as Je, j as ge, t as ee, h as z, e as qe, a as We, b as pe, r as Ge, c as Ke, d as Qe } from "./index-Btyg21iV.mjs";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Ye = {
   /**

package/dist/{HFileset-CQPVTrc0.js → HFileset-CPMtrk2d.js}

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

package/dist/{HGap-DM1hp0HZ.mjs → HGap-BiAAjXc2.mjs}

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

package/dist/{HGap-D2VPEhTy.js → HGap-CAEmqnLB.js}

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