hisonvue 1.1.6 → 1.1.8

package/dist/{HLabel-DEVMDggG.mjs → HLabel-c8gR7-ur.mjs}

@@ -1,8 +1,8 @@
-import { defineComponent as Te, ref as a, useSlots as Ae, computed as o, Text as Ce, onMounted as W, onBeforeUnmount as Se, watch as n, nextTick as x, unref as ke, createElementBlock as R, openBlock as E, normalizeClass as Be, createBlock as Ie, resolveDynamicComponent as pe, mergeProps as we, withKeys as Z, withModifiers as _, withCtx as Ne, renderSlot as Ue, Fragment as Le, createTextVNode as Me, toDisplayString as ee } from "vue";
-import { B as He, f as $, T as xe, g as Ee, u as $e, w as g, e as Fe, t as Ve, b as te, h as T, r as Ke, c as Oe, d as Re } from "./index-BU8h1J_W.mjs";
-import { r as le, a as ne } from "./setButtonCssEvent-C-ESkC60.mjs";
-import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const je = {
+import { defineComponent as Se, ref as a, useSlots as Be, computed as o, Text as ke, onMounted as Z, onBeforeUnmount as Ie, watch as n, nextTick as $, unref as pe, createElementBlock as D, openBlock as F, normalizeClass as we, createBlock as Ne, resolveDynamicComponent as Ue, mergeProps as Le, withKeys as _, withModifiers as ee, withCtx as Me, renderSlot as He, Fragment as Ee, createTextVNode as $e, toDisplayString as te } from "vue";
+import { B as Fe, f as x, T as xe, g as Ve, u as Ke, w as g, e as Oe, t as Re, b as le, h as A, r as De, c as je, d as qe } from "./index-9uY2HzIO.mjs";
+import { r as ne, a as ae } from "./setButtonCssEvent-C_OU9wiq.mjs";
+import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ge = {
   /**
    * Unique identifier for the label.
    * - Access methods via `hison.component.getLabel(id)`
@@ -99,8 +99,8 @@ const je = {
    */
   backgroundType: {
     type: String,
-    default: $.empty,
-    validator: (t) => He.includes(t)
+    default: x.empty,
+    validator: (t) => Fe.includes(t)
   },
   /**
    * ID of the target `HInput` (checkbox/radio) to toggle when the label is clicked or activated by keyboard.
@@ -111,6 +111,12 @@ const je = {
     type: String,
     default: null
   },
+  /**
+   * Prevent auto-translation by browsers or translation plugins.
+   * - When false: adds `translate="no"` and `.notranslate` to the rendered element
+   * - Default: true
+   */
+  translate: { type: Boolean, default: !0 },
   /**
    * Controls keyboard focus order of the element.
    * - `0` enables natural tab navigation, positive numbers set custom order.
@@ -121,175 +127,179 @@ const je = {
     default: null,
     validator: (t) => t === null || t === "" || !isNaN(+t) && isFinite(+t)
   }
-}, qe = Te({
+}, Pe = Se({
   name: "HLabel",
-  props: je,
+  props: Ge,
   inheritAttrs: !1,
   emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
-  setup(t, { emit: s, slots: ae }) {
-    const b = a(null), m = a(null), r = t.id ? t.id : Ee(), u = `hlabel:${r}`, D = $e(), F = Ae(), A = a(t.visible), f = a(t.title || ""), C = a(t.textAlign ?? g.left), oe = o(() => ({ textAlign: C.value })), v = a(t.href ?? null), i = a({ ...t.anchorAttrs || {} }), h = o(() => !!(v.value && String(v.value).trim())), se = o(() => {
-      const e = { ...i.value };
+  setup(t, { emit: s, slots: oe }) {
+    const b = a(null), m = a(null), i = t.id ? t.id : Ve(), u = `hlabel:${i}`, j = Ke(), V = Be(), C = a(t.visible), f = a(t.title || ""), S = a(t.textAlign ?? g.left), se = o(() => ({ textAlign: S.value })), v = a(t.href ?? null), r = a({ ...t.anchorAttrs || {} }), h = o(() => !!(v.value && String(v.value).trim())), ue = o(() => {
+      const e = { ...r.value };
       return f.value && e.title == null && (e.title = f.value), e.href = v.value || void 0, e.download === !0 && (e.download = ""), String(e.target || "") === "_blank" && (e.rel == null || String(e.rel).trim() === "") && (e.rel = "noopener noreferrer"), e;
-    }), M = o(() => F.default ? F.default() : []), V = o(
-      () => M.value.length > 0 && M.value.every((e) => e.type === Ce)
-    ), S = o(
-      () => !!F.default && !V.value
-    ), ue = o(() => S.value ? "div" : h.value ? "a" : "span"), k = a(t.fontBold), ie = o(() => {
+    }), H = o(() => V.default ? V.default() : []), K = o(
+      () => H.value.length > 0 && H.value.every((e) => e.type === ke)
+    ), B = o(
+      () => !!V.default && !K.value
+    ), re = o(() => B.value ? "div" : h.value ? "a" : "span"), k = a(t.fontBold), ie = o(() => {
       if (k.value) return "hison-font-bold";
-    }), B = a(t.fontItalic), re = o(() => {
-      if (B.value) return "hison-font-italic";
-    }), I = a(t.fontThruline), de = o(() => {
-      if (I.value) return "hison-font-thruline-important";
-    }), p = a(t.fontUnderline), fe = o(() => {
-      if (p.value) return "hison-font-underline-important";
-    }), w = a(t.border ?? !1), N = a(t.backgroundType || $.empty), ve = o(() => A.value ? "" : "hison-display-none"), ce = o(() => w.value ? "hison-border" : ""), ge = o(() => {
-      switch (N.value) {
-        case $.empty:
+    }), I = a(t.fontItalic), de = o(() => {
+      if (I.value) return "hison-font-italic";
+    }), p = a(t.fontThruline), fe = o(() => {
+      if (p.value) return "hison-font-thruline-important";
+    }), w = a(t.fontUnderline), ve = o(() => {
+      if (w.value) return "hison-font-underline-important";
+    }), N = a(t.border ?? !1), U = a(t.backgroundType || x.empty), ce = o(() => C.value ? "" : "hison-display-none"), ge = o(() => N.value ? "hison-border" : ""), be = o(() => {
+      switch (U.value) {
+        case x.empty:
           return "hison-bg-empty";
-        case $.transparent:
+        case x.transparent:
           return "hison-bg-transparent";
         default:
           return "hison-bg-filled";
       }
     }), d = a(t.text || "");
-    W(() => {
-      if (V.value) {
-        const e = M.value.map((l) => String(l.children ?? "")).join("");
+    Z(() => {
+      if (K.value) {
+        const e = H.value.map((l) => String(l.children ?? "")).join("");
         d.value = e;
       }
     });
-    const c = a(t.toggleTarget ?? null), y = o(() => !!(c.value && String(c.value).trim())), U = a(
+    const c = a(t.toggleTarget ?? null), y = o(() => !!(c.value && String(c.value).trim())), T = a(t.translate), me = o(() => T.value === !1 ? "notranslate" : ""), he = o(() => T.value === !1 ? "no" : void 0), L = a(
       t.tabIndex !== null && t.tabIndex !== "" ? Number(t.tabIndex) : null
-    ), H = a([]), K = () => {
-      H.value = Fe(Ve(t.class) || "", D.value), te(H.value, "size", T.componentStyle.size), te(H.value, "color", "primary");
-    }, j = () => {
-      var P, G, J, X, Y, Q;
+    ), E = a([]), O = () => {
+      E.value = Oe(Re(t.class) || "", j.value), le(E.value, "size", A.componentStyle.size), le(E.value, "color", "primary");
+    }, q = () => {
+      var P, J, X, Y, Q, W;
       if (!y.value) return;
-      const e = String(c.value), l = (P = T.component.inputList) == null ? void 0 : P[e];
+      const e = String(c.value), l = (P = A.component.inputList) == null ? void 0 : P[e];
       if (!l || !l.isHisonvueComponent) return;
-      const L = (G = l.getInputType) == null ? void 0 : G.call(l), he = (J = l.getEditMode) == null ? void 0 : J.call(l);
-      if (L !== "checkbox" && L !== "radio" || he !== "editable") return;
-      const ye = !!((X = l.getValue) != null && X.call(l));
-      L === "checkbox" ? (Y = l.setValue) == null || Y.call(l, !ye) : (Q = l.setValue) == null || Q.call(l, !0);
-    }, be = (e) => {
-      y.value && j(), s("click", e, m.value);
-    }, me = (e) => {
-      if (y.value && j(), !h.value) return;
+      const M = (J = l.getInputType) == null ? void 0 : J.call(l), Ae = (X = l.getEditMode) == null ? void 0 : X.call(l);
+      if (M !== "checkbox" && M !== "radio" || Ae !== "editable") return;
+      const Ce = !!((Y = l.getValue) != null && Y.call(l));
+      M === "checkbox" ? (Q = l.setValue) == null || Q.call(l, !Ce) : (W = l.setValue) == null || W.call(l, !0);
+    }, ye = (e) => {
+      y.value && q(), s("click", e, m.value);
+    }, Te = (e) => {
+      if (y.value && q(), !h.value) return;
       const l = b.value;
       l && l.tagName === "A" && l.click();
-    }, O = (e = !0) => {
+    }, R = (e = !0) => {
       const l = b.value;
       if (l) {
-        if (le(l), y.value) {
-          ne(l);
+        if (ne(l), y.value) {
+          ae(l);
           return;
         }
-        e && h.value && l.tagName === "A" && ne(l);
+        e && h.value && l.tagName === "A" && ae(l);
       }
-    }, q = () => {
-      T.component.labelList[r] && T.component.labelList[r].isHisonvueComponent && console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${r}`), Ke(u, () => {
-        z(), x(q);
-      }), K(), x(() => O(!0)), m.value = {
+    }, z = () => {
+      A.component.labelList[i] && A.component.labelList[i].isHisonvueComponent && console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${i}`), De(u, () => {
+        G(), $(z);
+      }), O(), $(() => R(!0)), m.value = {
         isHisonvueComponent: !0,
-        getId: () => r,
+        getId: () => i,
         getType: () => "label",
-        isVisible: () => A.value,
+        isVisible: () => C.value,
         setVisible: (e) => {
-          A.value = e;
+          C.value = e;
         },
         getTitle: () => f.value,
         setTitle: (e) => {
           f.value = e;
         },
-        getText: () => S.value ? "" : d.value,
+        getText: () => B.value ? "" : d.value,
         setText: (e) => {
-          S.value || (d.value = e);
+          B.value || (d.value = e);
         },
         getHref: () => v.value ?? "",
         setHref: (e) => {
           v.value = e ?? null;
         },
-        getAnchorAttrs: () => ({ ...i.value }),
+        getAnchorAttrs: () => ({ ...r.value }),
         replaceAnchorAttrs: (e) => {
-          i.value = { ...e };
+          r.value = { ...e };
         },
         mergeAnchorAttrs: (e) => {
-          i.value = { ...i.value, ...e };
+          r.value = { ...r.value, ...e };
         },
         setAnchorAttr: (e, l) => {
-          i.value = { ...i.value, [e]: l };
+          r.value = { ...r.value, [e]: l };
         },
         removeAnchorAttr: (e) => {
-          const l = { ...i.value };
-          delete l[e], i.value = l;
+          const l = { ...r.value };
+          delete l[e], r.value = l;
         },
         isFontBold: () => k.value,
         setFontBold: (e) => {
           k.value = e;
         },
-        isFontItalic: () => B.value,
+        isFontItalic: () => I.value,
         setFontItalic: (e) => {
-          B.value = e;
+          I.value = e;
         },
-        isFontThruline: () => I.value,
+        isFontThruline: () => p.value,
         setFontThruline: (e) => {
-          I.value = e;
+          p.value = e;
         },
-        isFontUnderline: () => p.value,
+        isFontUnderline: () => w.value,
         setFontUnderline: (e) => {
-          p.value = e;
+          w.value = e;
         },
-        getTextAlign: () => C.value,
+        getTextAlign: () => S.value,
         setTextAlign: (e) => {
-          (e === g.left || e === g.center || e === g.right) && (C.value = e);
+          (e === g.left || e === g.center || e === g.right) && (S.value = e);
         },
-        isBorder: () => w.value,
+        isBorder: () => N.value,
         setBorder: (e) => {
-          w.value = e;
+          N.value = e;
         },
-        getBackgroundType: () => N.value,
+        getBackgroundType: () => U.value,
         setBackgroundType: (e) => {
-          N.value = e;
+          U.value = e;
         },
         getToggleTarget: () => c.value,
         setToggleTarget: (e) => {
           c.value = e;
         },
-        reload: () => Oe(u),
-        getTabIndex: () => U.value,
+        isTranslate: () => T.value,
+        setTranslate: (e) => {
+          T.value = e;
+        },
+        reload: () => je(u),
+        getTabIndex: () => L.value,
         setTabIndex: (e) => {
-          U.value = e != null ? Number(e) : null;
+          L.value = e != null ? Number(e) : null;
         },
         focus: () => {
           const e = b.value;
           e && h.value && e.tagName === "A" && e.focus();
         }
-      }, T.component.labelList[r] = m.value, s("mounted", m.value);
-    }, z = () => {
-      Re(u);
+      }, A.component.labelList[i] = m.value, s("mounted", m.value);
+    }, G = () => {
+      qe(u);
       const e = b.value;
-      e && le(e), delete T.component.labelList[r];
+      e && ne(e), delete A.component.labelList[i];
     };
-    return W(q), Se(z), n(D, (e) => {
-      K(), s("responsive-change", e);
+    return Z(z), Ie(G), n(j, (e) => {
+      O(), s("responsive-change", e);
     }), n(h, (e) => {
-      x(() => O(e));
+      $(() => R(e));
     }, { flush: "post" }), n(y, (e) => {
-      x(() => O(e));
+      $(() => R(e));
     }, { flush: "post" }), n(() => t.visible, (e) => {
       const l = !!e;
-      l !== A.value && (A.value = l);
+      l !== C.value && (C.value = l);
     }), n(() => t.title, (e) => {
       const l = e ?? "";
       l !== f.value && (f.value = l);
     }), n(() => t.text, (e) => {
-      if (!S.value) {
+      if (!B.value) {
         const l = e ?? "";
         l !== d.value && (d.value = l);
       }
-    }), n(M, (e) => {
-      if (V.value) {
-        const l = e.map((L) => String(L.children ?? "")).join("");
+    }), n(H, (e) => {
+      if (K.value) {
+        const l = e.map((M) => String(M.children ?? "")).join("");
         l !== d.value && (d.value = l);
       }
     }), n(() => t.href, (e) => {
@@ -297,72 +307,77 @@ const je = {
       l !== v.value && (v.value = l);
     }), n(() => t.anchorAttrs, (e) => {
       const l = { ...e || {} };
-      JSON.stringify(l) !== JSON.stringify(i.value) && (i.value = l);
+      JSON.stringify(l) !== JSON.stringify(r.value) && (r.value = l);
     }), n(() => t.fontBold, (e) => {
       const l = !!e;
       l !== k.value && (k.value = l);
     }), n(() => t.fontItalic, (e) => {
       const l = !!e;
-      l !== B.value && (B.value = l);
+      l !== I.value && (I.value = l);
     }), n(() => t.fontThruline, (e) => {
       const l = !!e;
-      l !== I.value && (I.value = l);
+      l !== p.value && (p.value = l);
     }), n(() => t.fontUnderline, (e) => {
       const l = !!e;
-      l !== p.value && (p.value = l);
+      l !== w.value && (w.value = l);
     }), n(() => t.textAlign, (e) => {
-      e && e !== C.value && (e === g.left || e === g.center || e === g.right) && (C.value = e);
+      e && e !== S.value && (e === g.left || e === g.center || e === g.right) && (S.value = e);
     }), n(() => t.border, (e) => {
       const l = !!e;
-      l !== w.value && (w.value = l);
+      l !== N.value && (N.value = l);
     }), n(() => t.backgroundType, (e) => {
-      e && e !== N.value && (N.value = e);
+      e && e !== U.value && (U.value = e);
     }), n(() => t.toggleTarget, (e) => {
       const l = e ?? null;
       l !== c.value && (c.value = l);
+    }), n(() => t.translate, (e) => {
+      const l = !!e;
+      l !== T.value && (T.value = l);
     }), n(() => t.tabIndex, (e) => {
       const l = e === null || e === "" ? null : Number(e);
-      l !== U.value && (U.value = l);
+      l !== L.value && (L.value = l);
     }), n(() => t.class, () => {
-      K();
+      O();
     }), {
       labelRef: b,
-      labelMethods: o(() => ke(m)),
+      labelMethods: o(() => pe(m)),
       props: t,
       title: f,
       hasHref: h,
       hasToggleTarget: y,
-      hasElementSlot: S,
-      renderTag: ue,
+      hasElementSlot: B,
+      renderTag: re,
       internalText: d,
-      computedAnchorAttrs: se,
-      visibleClass: ve,
+      computedAnchorAttrs: ue,
+      visibleClass: ce,
       fontBoldClass: ie,
-      fontItalicClass: re,
-      fontThrulineClass: de,
-      fontUnderlineClass: fe,
-      textAlignStyle: oe,
-      borderClass: ce,
-      backgroundTypeClass: ge,
-      responsiveClassList: H,
-      tabIndex: U,
-      onClick: be,
-      onKeyActivate: me
+      fontItalicClass: de,
+      fontThrulineClass: fe,
+      fontUnderlineClass: ve,
+      textAlignStyle: se,
+      translateAttr: he,
+      translateClass: me,
+      borderClass: ge,
+      backgroundTypeClass: be,
+      responsiveClassList: E,
+      tabIndex: L,
+      onClick: ye,
+      onKeyActivate: Te
     };
   }
-}), ze = {
+}), Je = {
   key: 2,
   class: "hison-label-text"
 };
-function Pe(t, s, ae, b, m, r) {
-  return E(), R("div", {
-    class: Be([
+function Xe(t, s, oe, b, m, i) {
+  return F(), D("div", {
+    class: we([
       "hison-wrapper",
       ...t.responsiveClassList,
       t.visibleClass
     ])
   }, [
-    (E(), Ie(pe(t.renderTag), we({
+    (F(), Ne(Ue(t.renderTag), Le({
       ref: "labelRef",
       class: [
         "hison-label",
@@ -373,11 +388,13 @@ function Pe(t, s, ae, b, m, r) {
         t.fontThrulineClass,
         t.fontUnderlineClass,
         t.borderClass,
-        t.backgroundTypeClass
+        t.backgroundTypeClass,
+        t.translateClass
       ],
       style: [t.textAlignStyle, t.props.style],
       title: t.title || void 0,
-      tabindex: t.tabIndex ?? void 0
+      tabindex: t.tabIndex ?? void 0,
+      translate: t.translateAttr
     }, t.renderTag === "a" ? t.computedAnchorAttrs : void 0, {
       onClick: t.onClick,
       onMousedown: s[0] || (s[0] = (u) => t.$emit("mousedown", u, t.labelMethods)),
@@ -385,20 +402,20 @@ function Pe(t, s, ae, b, m, r) {
       onMouseover: s[2] || (s[2] = (u) => t.$emit("mouseover", u, t.labelMethods)),
       onMouseout: s[3] || (s[3] = (u) => t.$emit("mouseout", u, t.labelMethods)),
       onKeydown: [
-        Z(_(t.onKeyActivate, ["prevent"]), ["enter"]),
-        Z(_(t.onKeyActivate, ["prevent"]), ["space"])
+        _(ee(t.onKeyActivate, ["prevent"]), ["enter"]),
+        _(ee(t.onKeyActivate, ["prevent"]), ["space"])
       ]
     }), {
-      default: Ne(() => [
-        t.hasElementSlot ? Ue(t.$slots, "default", { key: 0 }) : t.hasHref ? (E(), R(Le, { key: 1 }, [
-          Me(ee(t.internalText), 1)
-        ], 64)) : (E(), R("span", ze, ee(t.internalText), 1))
+      default: Me(() => [
+        t.hasElementSlot ? He(t.$slots, "default", { key: 0 }) : t.hasHref ? (F(), D(Ee, { key: 1 }, [
+          $e(te(t.internalText), 1)
+        ], 64)) : (F(), D("span", Je, te(t.internalText), 1))
       ]),
       _: 3
-    }, 16, ["class", "style", "title", "tabindex", "onClick", "onKeydown"]))
+    }, 16, ["class", "style", "title", "tabindex", "translate", "onClick", "onKeydown"]))
   ], 2);
 }
-const Qe = /* @__PURE__ */ De(qe, [["render", Pe]]);
+const _e = /* @__PURE__ */ ze(Pe, [["render", Xe]]);
 export {
-  Qe as default
+  _e as default
 };

package/dist/{HLayout-Fh65aaVI.js → HLayout-Da1XBfUi.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("./index-BzCcaeiL.js"),C=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:!0},backImageSrc:{type:String,required:!1},backImageRepeat:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_STYLE_VALUES.includes(e)?!0:/^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e)||/^(cover|contain)$/.test(e)||/[\/\s]/.test(e)},backImageWidth:{type:String,required:!1},backImageAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_ALIGN_VALUES.includes(e)},backImageVerticalAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_VERTICAL_ALIGN_VALUES.includes(e)},backColor:{type:String,required:!1},border:{type:Boolean,default:!1},height:{type:String,required:!1}},S=a.defineComponent({name:"HLayout",props:h,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:o}){const n=a.ref(null),u=a.ref(null),r=e.id?e.id:l.getUUID(),m=`hlayout:${r}`,s=l.useDevice(),c=a.ref(e.visible),v=a.computed(()=>c.value?"":"hison-display-none"),d=a.ref(e.border??!1),f=a.computed(()=>d.value?"hison-border":""),I=a.computed(()=>{const t={};if(e.backImageSrc&&(t.backgroundImage=`url(${e.backImageSrc})`,t.backgroundRepeat=e.backImageRepeat||"no-repeat",t.backgroundSize=e.backImageWidth||"auto",t.backgroundPosition=`${e.backImageAlign||"center"} ${e.backImageVerticalAlign||"center"}`),e.backColor){const i=l.getHexCodeFromColorText(e.backColor)||e.backColor;t.backgroundColor=i}return e.height&&(t.height=e.height),t}),g=a.ref([]),b=()=>{g.value=l.extractResponsiveClasses(l.toClassString(e.class)||"",s.value),l.getIndexSpecificClassNameFromClassList(g.value,"col")===-1&&g.value.push("hison-col-12"),l.addComponentNameToClass(g.value,"color","primary")},y=()=>{l.hisonCloser.component.layoutList[r]&&l.hisonCloser.component.layoutList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${r}`),l.registerReloadable(m,()=>{k(),a.nextTick(y)}),n.value&&(b(),u.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"layout",isVisible:()=>c.value,setVisible:t=>{c.value=t},getBackImageSrc:()=>e.backImageSrc||"",setBackImageSrc:t=>{n.value&&(n.value.style.backgroundImage=`url(${t})`)},getBackImageRepeat:()=>e.backImageRepeat||"",setBackImageRepeat:t=>{n.value&&(n.value.style.backgroundRepeat=t)},getBackImageWidth:()=>e.backImageWidth||"",setBackImageWidth:t=>{n.value&&(n.value.style.backgroundSize=t)},getBackImageAlign:()=>e.backImageAlign||"",setBackImageAlign:t=>{if(n.value){const i=e.backImageVerticalAlign||"center";n.value.style.backgroundPosition=`${t} ${i}`}},getBackImageVerticalAlign:()=>e.backImageVerticalAlign||"",setBackImageVerticalAlign:t=>{if(n.value){const i=e.backImageAlign||"center";n.value.style.backgroundPosition=`${i} ${t}`}},getBackColor:()=>e.backColor||"",setBackColor:t=>{n.value&&(n.value.style.backgroundColor=l.getHexCodeFromColorText(t)||t)},isBorder:()=>d.value,setBorder:t=>{d.value=t},getHeight:()=>e.height||"",setHeight:t=>{n.value&&(n.value.style.height=t)},reload:()=>l.reloadHisonComponent(m)},l.hisonCloser.component.layoutList[r]=u.value,o("mounted",u.value))},k=()=>{l.unregisterReloadable(m),delete l.hisonCloser.component.layoutList[r]};return a.onMounted(y),a.onBeforeUnmount(k),a.watch(s,t=>{b(),o("responsive-change",t)}),a.watch(()=>e.visible,t=>{const i=!!t;i!==c.value&&(c.value=i)}),a.watch(()=>e.border,t=>{const i=!!t;i!==d.value&&(d.value=i)}),a.watch(()=>e.class,()=>{b()}),{layoutRef:n,layoutMethods:a.computed(()=>a.unref(u)),props:e,responsiveClassList:g,visibleClass:v,borderClass:f,computedBackStyle:I}}});function A(e,o,n,u,r,m){return a.openBlock(),a.createElementBlock("div",{ref:"layoutRef",class:a.normalizeClass(["hison-layout",...e.responsiveClassList,e.visibleClass,e.borderClass]),style:a.normalizeStyle([e.props.style,e.computedBackStyle]),onClick:o[0]||(o[0]=s=>e.$emit("click",s,e.layoutMethods)),onMousedown:o[1]||(o[1]=s=>e.$emit("mousedown",s,e.layoutMethods)),onMouseup:o[2]||(o[2]=s=>e.$emit("mouseup",s,e.layoutMethods)),onMouseover:o[3]||(o[3]=s=>e.$emit("mouseover",s,e.layoutMethods)),onMouseout:o[4]||(o[4]=s=>e.$emit("mouseout",s,e.layoutMethods))},[o[6]||(o[6]=a.createElementVNode("div",{class:"hison-layout-frame-adjust"},null,-1)),a.renderSlot(e.$slots,"default",{},()=>[o[5]||(o[5]=a.createTextVNode("Hison Layout"))])],38)}const B=C._export_sfc(S,[["render",A]]);exports.default=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("./index-Cp0RZa-k.js"),C=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:!0},backImageSrc:{type:String,required:!1},backImageRepeat:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_STYLE_VALUES.includes(e)?!0:/^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e)||/^(cover|contain)$/.test(e)||/[\/\s]/.test(e)},backImageWidth:{type:String,required:!1},backImageAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_ALIGN_VALUES.includes(e)},backImageVerticalAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_VERTICAL_ALIGN_VALUES.includes(e)},backColor:{type:String,required:!1},border:{type:Boolean,default:!1},height:{type:String,required:!1}},S=a.defineComponent({name:"HLayout",props:h,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:o}){const n=a.ref(null),u=a.ref(null),r=e.id?e.id:l.getUUID(),m=`hlayout:${r}`,s=l.useDevice(),c=a.ref(e.visible),v=a.computed(()=>c.value?"":"hison-display-none"),d=a.ref(e.border??!1),f=a.computed(()=>d.value?"hison-border":""),I=a.computed(()=>{const t={};if(e.backImageSrc&&(t.backgroundImage=`url(${e.backImageSrc})`,t.backgroundRepeat=e.backImageRepeat||"no-repeat",t.backgroundSize=e.backImageWidth||"auto",t.backgroundPosition=`${e.backImageAlign||"center"} ${e.backImageVerticalAlign||"center"}`),e.backColor){const i=l.getHexCodeFromColorText(e.backColor)||e.backColor;t.backgroundColor=i}return e.height&&(t.height=e.height),t}),g=a.ref([]),b=()=>{g.value=l.extractResponsiveClasses(l.toClassString(e.class)||"",s.value),l.getIndexSpecificClassNameFromClassList(g.value,"col")===-1&&g.value.push("hison-col-12"),l.addComponentNameToClass(g.value,"color","primary")},y=()=>{l.hisonCloser.component.layoutList[r]&&l.hisonCloser.component.layoutList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${r}`),l.registerReloadable(m,()=>{k(),a.nextTick(y)}),n.value&&(b(),u.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"layout",isVisible:()=>c.value,setVisible:t=>{c.value=t},getBackImageSrc:()=>e.backImageSrc||"",setBackImageSrc:t=>{n.value&&(n.value.style.backgroundImage=`url(${t})`)},getBackImageRepeat:()=>e.backImageRepeat||"",setBackImageRepeat:t=>{n.value&&(n.value.style.backgroundRepeat=t)},getBackImageWidth:()=>e.backImageWidth||"",setBackImageWidth:t=>{n.value&&(n.value.style.backgroundSize=t)},getBackImageAlign:()=>e.backImageAlign||"",setBackImageAlign:t=>{if(n.value){const i=e.backImageVerticalAlign||"center";n.value.style.backgroundPosition=`${t} ${i}`}},getBackImageVerticalAlign:()=>e.backImageVerticalAlign||"",setBackImageVerticalAlign:t=>{if(n.value){const i=e.backImageAlign||"center";n.value.style.backgroundPosition=`${i} ${t}`}},getBackColor:()=>e.backColor||"",setBackColor:t=>{n.value&&(n.value.style.backgroundColor=l.getHexCodeFromColorText(t)||t)},isBorder:()=>d.value,setBorder:t=>{d.value=t},getHeight:()=>e.height||"",setHeight:t=>{n.value&&(n.value.style.height=t)},reload:()=>l.reloadHisonComponent(m)},l.hisonCloser.component.layoutList[r]=u.value,o("mounted",u.value))},k=()=>{l.unregisterReloadable(m),delete l.hisonCloser.component.layoutList[r]};return a.onMounted(y),a.onBeforeUnmount(k),a.watch(s,t=>{b(),o("responsive-change",t)}),a.watch(()=>e.visible,t=>{const i=!!t;i!==c.value&&(c.value=i)}),a.watch(()=>e.border,t=>{const i=!!t;i!==d.value&&(d.value=i)}),a.watch(()=>e.class,()=>{b()}),{layoutRef:n,layoutMethods:a.computed(()=>a.unref(u)),props:e,responsiveClassList:g,visibleClass:v,borderClass:f,computedBackStyle:I}}});function A(e,o,n,u,r,m){return a.openBlock(),a.createElementBlock("div",{ref:"layoutRef",class:a.normalizeClass(["hison-layout",...e.responsiveClassList,e.visibleClass,e.borderClass]),style:a.normalizeStyle([e.props.style,e.computedBackStyle]),onClick:o[0]||(o[0]=s=>e.$emit("click",s,e.layoutMethods)),onMousedown:o[1]||(o[1]=s=>e.$emit("mousedown",s,e.layoutMethods)),onMouseup:o[2]||(o[2]=s=>e.$emit("mouseup",s,e.layoutMethods)),onMouseover:o[3]||(o[3]=s=>e.$emit("mouseover",s,e.layoutMethods)),onMouseout:o[4]||(o[4]=s=>e.$emit("mouseout",s,e.layoutMethods))},[o[6]||(o[6]=a.createElementVNode("div",{class:"hison-layout-frame-adjust"},null,-1)),a.renderSlot(e.$slots,"default",{},()=>[o[5]||(o[5]=a.createTextVNode("Hison Layout"))])],38)}const B=C._export_sfc(S,[["render",A]]);exports.default=B;

package/dist/{HLayout-x_jVkIo4.mjs → HLayout-GazOMB2h.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as A, ref as d, computed as m, onMounted as B, onBeforeUnmount as $, watch as b, unref as L, nextTick as M, createElementBlock as R, openBlock as V, normalizeStyle as p, normalizeClass as q, createElementVNode as E, renderSlot as H, createTextVNode as T } from "vue";
-import { X as N, Y as U, Z as w, g as G, u as W, F as I, e as z, t as P, a as j, b as D, h as k, r as F, c as K, d as Y } from "./index-BU8h1J_W.mjs";
+import { X as N, Y as U, Z as w, g as G, u as W, F as I, e as z, t as P, a as j, b as D, h as k, r as F, c as K, d as Y } from "./index-9uY2HzIO.mjs";
 import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const X = {
   /**

package/dist/{HList-JIhEylRe.js → HList-B14zIkzR.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BzCcaeiL.js"),N=require("./setButtonCssEvent-Oy4ojn9y.js"),W=require("./_plugin-vue_export-helper-BHFhmbuH.js"),X={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},listItemStyle:{type:[String,Object,Array],required:!1},listItemInnerStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},listBorder:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listBackgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listType:{type:String,default:"ul",validator:n=>n==="ul"||n==="ol"},bulletChar:{type:String,default:"•"},showMarker:{type:Boolean,default:!0},textList:{type:Array,default:()=>[]},addEvent:{type:Boolean,default:!1},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},Z=e.defineComponent({name:"HList",props:X,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:l,slots:I}){const A=e.ref(null),i=e.ref([]),T=e.ref([]),a=n.id?n.id:o.getUUID(),d=`hlist:${a}`,r=o.useDevice(),v=e.ref(null),y=e.ref(n.visible),$=e.computed(()=>y.value?"":"hison-display-none"),m=e.ref(n.listType||"ul"),p=e.ref(n.bulletChar||"•"),k=e.ref(n.showMarker!==!1),g=e.ref(n.border??!1),h=e.ref(n.listBorder??!1),B=e.ref(n.backgroundType||o.BackgroundType.empty),b=e.ref(n.listBackgroundType||o.BackgroundType.empty),c=e.ref(!!n.addEvent),H=e.computed(()=>g.value?"hison-border":""),O=e.computed(()=>h.value?"hison-border":""),U=e.computed(()=>{switch(B.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),K=e.computed(()=>{switch(b.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),j=e.computed(()=>{var t;return((t=I.default)==null?void 0:t.call(I))??[]}),f=e.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),R=(t,s=[])=>{if(!t||t.length===0)return s;for(const u of t)if(u.type!==e.Comment&&u.type!==e.Text)if(u.type===e.Fragment){const S=u.children;R(S,s)}else s.push(u);return s},L=e.computed(()=>R(j.value)),F=e.computed(()=>L.value.length>0),w=e.ref(Array.isArray(n.textList)?n.textList:[]),z=e.computed(()=>w.value??[]),P=e.computed(()=>m.value),E=e.ref([]),M=()=>{E.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",r.value),o.addComponentNameToClass(E.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(E.value,"color","primary")},C=(t=!0)=>{e.nextTick(()=>{i.value.forEach(s=>{s&&(N.removeButtonCssEvent(s),t&&c.value&&N.addButtonCssEvent(s))})})},G=t=>{c.value&&l("click",t,v.value)},Y=(t,s)=>{c.value&&l(t,s,v.value)},D=()=>{o.hisonCloser.component.listList[a]&&o.hisonCloser.component.listList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${a}`),o.registerReloadable(d,()=>{V(),e.nextTick(D)}),M(),C(!0),v.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"list",isVisible:()=>y.value,setVisible:t=>{y.value=t},getListType:()=>m.value,setListType:t=>{m.value=t},isShowMarker:()=>k.value,setShowMarker:t=>{k.value=t},getBulletChar:()=>p.value,setBulletChar:t=>{p.value=t},isBorder:()=>g.value,setBorder:t=>{g.value=t},isListBorder:()=>h.value,setListBorder:t=>{h.value=t},getBackgroundType:()=>B.value,setBackgroundType:t=>{B.value=t},getListBackgroundType:()=>b.value,setListBackgroundType:t=>{b.value=t},getTextList:()=>[...z.value],setTextList:t=>{w.value=Array.isArray(t)?t:[]},isAddEvent:()=>c.value,setAddEvent:t=>{c.value=!!t,C(!0)},getTabIndex:()=>f.value,setTabIndex:t=>{f.value=t!=null?Number(t):null},getListRowCount:()=>i.value.length,getListItem:t=>!Number.isInteger(t)||t<0||t>=i.value.length?null:i.value[t]??null,focus:(t=0)=>{var S;if(!c.value)return;const s=f.value;if(s==null||s===-1||!Number.isInteger(t)||t<0||t>=i.value.length)return;const u=i.value[t];(S=u==null?void 0:u.focus)==null||S.call(u)},reload:()=>o.reloadHisonComponent(d)},o.hisonCloser.component.listList[a]=v.value,l("mounted",v.value)},V=()=>{o.unregisterReloadable(d),i.value.forEach(t=>t&&N.removeButtonCssEvent(t)),delete o.hisonCloser.component.listList[a]};e.onMounted(D),e.onBeforeUnmount(V);const q=t=>{if(!t)return null;if(t instanceof Element)return t;const s=t.$el;return s instanceof Element?s:null},J=t=>{const s=q(t);s&&(i.value.includes(s)||i.value.push(s))},Q=t=>{const s=q(t);s&&(T.value.includes(s)||T.value.push(s))};return e.watch(r,t=>{M(),l("responsive-change",t)}),e.watch(()=>n.visible,t=>{const s=!!t;s!==y.value&&(y.value=s)}),e.watch(()=>n.border,t=>{const s=!!t;s!==g.value&&(g.value=s)}),e.watch(()=>n.listBorder,t=>{const s=!!t;s!==h.value&&(h.value=s)}),e.watch(()=>n.backgroundType,t=>{t&&t!==B.value&&(B.value=t)}),e.watch(()=>n.listBackgroundType,t=>{t&&t!==b.value&&(b.value=t)}),e.watch(()=>n.listType,t=>{const s=t==="ol"?"ol":"ul";s!==m.value&&(m.value=s)}),e.watch(()=>n.bulletChar,t=>{const s=t??"•";s!==p.value&&(p.value=s)}),e.watch(()=>n.showMarker,t=>{const s=t!==!1;s!==k.value&&(k.value=s)}),e.watch(()=>n.textList,t=>{w.value=Array.isArray(t)?t:[]}),e.watch(()=>n.addEvent,t=>{const s=!!t;s!==c.value&&(c.value=s,C(!0))}),e.watch(()=>n.tabIndex,t=>{const s=t===null||t===""?null:Number(t);s!==f.value&&(f.value=s)}),e.watch(()=>n.class,()=>{M()}),e.watch(L,()=>{C(!0)}),e.watch(w,()=>{C(!0)},{deep:!0}),{props:n,listRef:A,itemRefs:i,itemInnerRefs:T,renderTag:P,listType:m,bulletChar:p,showMarker:k,visibleClass:$,borderClass:H,listBorderClass:O,backgroundTypeClass:U,listBackgroundTypeClass:K,responsiveClassList:E,hasElementSlot:F,elementNodes:L,normalizedItems:z,tabIndex:f,setItemRef:J,setItemInnerRef:Q,onItemClick:G,emitItem:Y}}}),x=["tabindex"],_={key:0,class:"hison-list-marker"},ee={key:0},te={key:1},ne={class:"hison-list-content"},se=["tabindex"],le={key:0,class:"hison-list-marker"},oe={key:0},re={key:1},ae={class:"hison-list-content"},ie={key:1,class:"hison-list-item-text"};function ue(n,l,I,A,i,T){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderTag),{ref:"listRef",class:e.normalizeClass(["hison-list",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle(n.props.style),onKeydown:[e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["enter"]),e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["space"])]},{default:e.withCtx(()=>[n.hasElementSlot?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.elementNodes,(a,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle(n.props.listItemStyle),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:l[0]||(l[0]=(...r)=>n.onItemClick&&n.onItemClick(...r)),onMousedown:l[1]||(l[1]=r=>n.emitItem("mousedown",r)),onMouseup:l[2]||(l[2]=r=>n.emitItem("mouseup",r)),onMouseover:l[3]||(l[3]=r=>n.emitItem("mouseover",r)),onMouseout:l[4]||(l[4]=r=>n.emitItem("mouseout",r))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",_,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a)))])],4)],46,x))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.normalizedItems,(a,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:l[5]||(l[5]=(...r)=>n.onItemClick&&n.onItemClick(...r)),onMousedown:l[6]||(l[6]=r=>n.emitItem("mousedown",r)),onMouseup:l[7]||(l[7]=r=>n.emitItem("mouseup",r)),onMouseover:l[8]||(l[8]=r=>n.emitItem("mouseover",r)),onMouseout:l[9]||(l[9]=r=>n.emitItem("mouseout",r))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",le,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[n.$slots.item?e.renderSlot(n.$slots,"item",{key:0,item:a,index:d}):(e.openBlock(),e.createElementBlock("span",ie,e.toDisplayString(String(a??"")),1))])],4)],42,se))),128))]),_:3},40,["class","style","onKeydown"]))],2)}const de=W._export_sfc(Z,[["render",ue]]);exports.default=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-Cp0RZa-k.js"),N=require("./setButtonCssEvent-CEQ0vsUw.js"),W=require("./_plugin-vue_export-helper-BHFhmbuH.js"),X={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},listItemStyle:{type:[String,Object,Array],required:!1},listItemInnerStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},listBorder:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listBackgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listType:{type:String,default:"ul",validator:n=>n==="ul"||n==="ol"},bulletChar:{type:String,default:"•"},showMarker:{type:Boolean,default:!0},textList:{type:Array,default:()=>[]},addEvent:{type:Boolean,default:!1},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},Z=e.defineComponent({name:"HList",props:X,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:l,slots:I}){const A=e.ref(null),i=e.ref([]),T=e.ref([]),a=n.id?n.id:o.getUUID(),d=`hlist:${a}`,r=o.useDevice(),v=e.ref(null),y=e.ref(n.visible),$=e.computed(()=>y.value?"":"hison-display-none"),m=e.ref(n.listType||"ul"),p=e.ref(n.bulletChar||"•"),k=e.ref(n.showMarker!==!1),g=e.ref(n.border??!1),h=e.ref(n.listBorder??!1),B=e.ref(n.backgroundType||o.BackgroundType.empty),b=e.ref(n.listBackgroundType||o.BackgroundType.empty),c=e.ref(!!n.addEvent),H=e.computed(()=>g.value?"hison-border":""),O=e.computed(()=>h.value?"hison-border":""),U=e.computed(()=>{switch(B.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),K=e.computed(()=>{switch(b.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),j=e.computed(()=>{var t;return((t=I.default)==null?void 0:t.call(I))??[]}),f=e.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),R=(t,s=[])=>{if(!t||t.length===0)return s;for(const u of t)if(u.type!==e.Comment&&u.type!==e.Text)if(u.type===e.Fragment){const S=u.children;R(S,s)}else s.push(u);return s},L=e.computed(()=>R(j.value)),F=e.computed(()=>L.value.length>0),w=e.ref(Array.isArray(n.textList)?n.textList:[]),z=e.computed(()=>w.value??[]),P=e.computed(()=>m.value),E=e.ref([]),M=()=>{E.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",r.value),o.addComponentNameToClass(E.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(E.value,"color","primary")},C=(t=!0)=>{e.nextTick(()=>{i.value.forEach(s=>{s&&(N.removeButtonCssEvent(s),t&&c.value&&N.addButtonCssEvent(s))})})},G=t=>{c.value&&l("click",t,v.value)},Y=(t,s)=>{c.value&&l(t,s,v.value)},D=()=>{o.hisonCloser.component.listList[a]&&o.hisonCloser.component.listList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${a}`),o.registerReloadable(d,()=>{V(),e.nextTick(D)}),M(),C(!0),v.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"list",isVisible:()=>y.value,setVisible:t=>{y.value=t},getListType:()=>m.value,setListType:t=>{m.value=t},isShowMarker:()=>k.value,setShowMarker:t=>{k.value=t},getBulletChar:()=>p.value,setBulletChar:t=>{p.value=t},isBorder:()=>g.value,setBorder:t=>{g.value=t},isListBorder:()=>h.value,setListBorder:t=>{h.value=t},getBackgroundType:()=>B.value,setBackgroundType:t=>{B.value=t},getListBackgroundType:()=>b.value,setListBackgroundType:t=>{b.value=t},getTextList:()=>[...z.value],setTextList:t=>{w.value=Array.isArray(t)?t:[]},isAddEvent:()=>c.value,setAddEvent:t=>{c.value=!!t,C(!0)},getTabIndex:()=>f.value,setTabIndex:t=>{f.value=t!=null?Number(t):null},getListRowCount:()=>i.value.length,getListItem:t=>!Number.isInteger(t)||t<0||t>=i.value.length?null:i.value[t]??null,focus:(t=0)=>{var S;if(!c.value)return;const s=f.value;if(s==null||s===-1||!Number.isInteger(t)||t<0||t>=i.value.length)return;const u=i.value[t];(S=u==null?void 0:u.focus)==null||S.call(u)},reload:()=>o.reloadHisonComponent(d)},o.hisonCloser.component.listList[a]=v.value,l("mounted",v.value)},V=()=>{o.unregisterReloadable(d),i.value.forEach(t=>t&&N.removeButtonCssEvent(t)),delete o.hisonCloser.component.listList[a]};e.onMounted(D),e.onBeforeUnmount(V);const q=t=>{if(!t)return null;if(t instanceof Element)return t;const s=t.$el;return s instanceof Element?s:null},J=t=>{const s=q(t);s&&(i.value.includes(s)||i.value.push(s))},Q=t=>{const s=q(t);s&&(T.value.includes(s)||T.value.push(s))};return e.watch(r,t=>{M(),l("responsive-change",t)}),e.watch(()=>n.visible,t=>{const s=!!t;s!==y.value&&(y.value=s)}),e.watch(()=>n.border,t=>{const s=!!t;s!==g.value&&(g.value=s)}),e.watch(()=>n.listBorder,t=>{const s=!!t;s!==h.value&&(h.value=s)}),e.watch(()=>n.backgroundType,t=>{t&&t!==B.value&&(B.value=t)}),e.watch(()=>n.listBackgroundType,t=>{t&&t!==b.value&&(b.value=t)}),e.watch(()=>n.listType,t=>{const s=t==="ol"?"ol":"ul";s!==m.value&&(m.value=s)}),e.watch(()=>n.bulletChar,t=>{const s=t??"•";s!==p.value&&(p.value=s)}),e.watch(()=>n.showMarker,t=>{const s=t!==!1;s!==k.value&&(k.value=s)}),e.watch(()=>n.textList,t=>{w.value=Array.isArray(t)?t:[]}),e.watch(()=>n.addEvent,t=>{const s=!!t;s!==c.value&&(c.value=s,C(!0))}),e.watch(()=>n.tabIndex,t=>{const s=t===null||t===""?null:Number(t);s!==f.value&&(f.value=s)}),e.watch(()=>n.class,()=>{M()}),e.watch(L,()=>{C(!0)}),e.watch(w,()=>{C(!0)},{deep:!0}),{props:n,listRef:A,itemRefs:i,itemInnerRefs:T,renderTag:P,listType:m,bulletChar:p,showMarker:k,visibleClass:$,borderClass:H,listBorderClass:O,backgroundTypeClass:U,listBackgroundTypeClass:K,responsiveClassList:E,hasElementSlot:F,elementNodes:L,normalizedItems:z,tabIndex:f,setItemRef:J,setItemInnerRef:Q,onItemClick:G,emitItem:Y}}}),x=["tabindex"],_={key:0,class:"hison-list-marker"},ee={key:0},te={key:1},ne={class:"hison-list-content"},se=["tabindex"],le={key:0,class:"hison-list-marker"},oe={key:0},re={key:1},ae={class:"hison-list-content"},ie={key:1,class:"hison-list-item-text"};function ue(n,l,I,A,i,T){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderTag),{ref:"listRef",class:e.normalizeClass(["hison-list",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle(n.props.style),onKeydown:[e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["enter"]),e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["space"])]},{default:e.withCtx(()=>[n.hasElementSlot?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.elementNodes,(a,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle(n.props.listItemStyle),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:l[0]||(l[0]=(...r)=>n.onItemClick&&n.onItemClick(...r)),onMousedown:l[1]||(l[1]=r=>n.emitItem("mousedown",r)),onMouseup:l[2]||(l[2]=r=>n.emitItem("mouseup",r)),onMouseover:l[3]||(l[3]=r=>n.emitItem("mouseover",r)),onMouseout:l[4]||(l[4]=r=>n.emitItem("mouseout",r))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",_,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a)))])],4)],46,x))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.normalizedItems,(a,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:l[5]||(l[5]=(...r)=>n.onItemClick&&n.onItemClick(...r)),onMousedown:l[6]||(l[6]=r=>n.emitItem("mousedown",r)),onMouseup:l[7]||(l[7]=r=>n.emitItem("mouseup",r)),onMouseover:l[8]||(l[8]=r=>n.emitItem("mouseover",r)),onMouseout:l[9]||(l[9]=r=>n.emitItem("mouseout",r))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",le,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[n.$slots.item?e.renderSlot(n.$slots,"item",{key:0,item:a,index:d}):(e.openBlock(),e.createElementBlock("span",ie,e.toDisplayString(String(a??"")),1))])],4)],42,se))),128))]),_:3},40,["class","style","onKeydown"]))],2)}const de=W._export_sfc(Z,[["render",ue]]);exports.default=de;

package/dist/{HList-V-fyd5fw.mjs → HList-tAOQaX_Q.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as ye, ref as o, computed as f, onMounted as ce, onBeforeUnmount as be, watch as r, Comment as ge, Text as pe, Fragment as U, nextTick as Y, createElementBlock as u, openBlock as i, normalizeClass as H, createBlock as J, resolveDynamicComponent as Q, withKeys as W, normalizeStyle as z, withModifiers as X, withCtx as he, renderList as Z, createElementVNode as D, createCommentVNode as x, toDisplayString as w, renderSlot as ke } from "vue";
-import { B as _, f as c, g as Ie, u as Ce, e as Te, t as Be, b as ee, h as E, r as Le, c as Se, d as we } from "./index-BU8h1J_W.mjs";
-import { r as te, a as Ee } from "./setButtonCssEvent-C-ESkC60.mjs";
+import { B as _, f as c, g as Ie, u as Ce, e as Te, t as Be, b as ee, h as E, r as Le, c as Se, d as we } from "./index-9uY2HzIO.mjs";
+import { r as te, a as Ee } from "./setButtonCssEvent-C_OU9wiq.mjs";
 import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Ae = {
   /**