hisonvue 1.0.0

package/dist/HList-CAeYb-hz.mjs

@@ -0,0 +1,419 @@
+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-DUh7pai4.mjs";
+import { r as te, a as Ee } from "./setButtonCssEvent-dBs1GcAh.mjs";
+import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ae = {
+  /**
+   * Unique identifier for the list.
+   * - Access methods via `hison.component.getList(id)`
+   * - Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the wrapper (string / array / object).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, `hison-color-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  listItemStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  listItemInnerStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the list.
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Overall border (box-shadow) for the list container.
+   */
+  border: { type: Boolean, default: !1 },
+  /**
+   * Whether each list item (`li`) shows border (box-shadow).
+   */
+  listBorder: { type: Boolean, default: !1 },
+  /**
+   * Background type of the list container.
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  backgroundType: {
+    type: String,
+    default: c.empty,
+    validator: (t) => _.includes(t)
+  },
+  /**
+   * Background type of each list item (`li`).
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  listBackgroundType: {
+    type: String,
+    default: c.empty,
+    validator: (t) => _.includes(t)
+  },
+  /**
+   * Choose underlying list tag: 'ul' or 'ol'.
+   */
+  listType: {
+    type: String,
+    default: "ul",
+    validator: (t) => t === "ul" || t === "ol"
+  },
+  /**
+   * When listType='ul', the bullet character shown inside each item (instead of native marker).
+   * - Ignored if `showMarker=false`
+   */
+  bulletChar: { type: String, default: "•" },
+  /**
+   * Show marker on each item
+   * - 'ol' → index+1
+   * - 'ul' → bulletChar
+   */
+  showMarker: { type: Boolean, default: !0 },
+  /**
+   * Text list data. Used when:
+   * - default slot is absent, OR
+   * - default slot is present but composed of text-only nodes (no element vnode).
+   *
+   * If `#item` scoped slot is provided, it will be used to render each item with props `{ item, index }`.
+   */
+  textList: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * NEW: Attach textbox-like CSS events (+ emit) to each item.
+   * - true : bind addButtonCssEvent to `.hison-list-item-inner` and emit interaction events
+   * - false: unbind and do not emit
+   */
+  addEvent: { type: Boolean, default: !1 },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   * The same tabIndex is inserted into the list items.
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (t) => t === null || t === "" || !isNaN(+t) && isFinite(+t)
+  }
+}, Re = ye({
+  name: "HList",
+  props: Ae,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
+  setup(t, { emit: n, slots: M }) {
+    const V = o(null), d = o([]), A = o([]), a = t.id ? t.id : Ie(), v = `hlist:${a}`, l = Ce(), p = o(null), h = o(t.visible), se = f(() => h.value ? "" : "hison-display-none"), b = o(t.listType || "ul"), k = o(t.bulletChar || "•"), I = o(t.showMarker !== !1), C = o(t.border ?? !1), T = o(t.listBorder ?? !1), B = o(t.backgroundType || c.empty), L = o(t.listBackgroundType || c.empty), y = o(!!t.addEvent), ne = f(() => C.value ? "hison-border" : ""), le = f(() => T.value ? "hison-border" : ""), oe = f(() => {
+      switch (B.value) {
+        case c.empty:
+          return "hison-bg-empty";
+        case c.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), re = f(() => {
+      switch (L.value) {
+        case c.empty:
+          return "hison-bg-empty";
+        case c.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), ie = f(() => {
+      var e;
+      return ((e = M.default) == null ? void 0 : e.call(M)) ?? [];
+    }), g = o(
+      t.tabIndex !== null && t.tabIndex !== "" ? Number(t.tabIndex) : null
+    ), j = (e, s = []) => {
+      if (!e || e.length === 0) return s;
+      for (const m of e)
+        if (m.type !== ge && m.type !== pe)
+          if (m.type === U) {
+            const $ = m.children;
+            j($, s);
+          } else
+            s.push(m);
+      return s;
+    }, q = f(() => j(ie.value)), ae = f(() => q.value.length > 0), R = o(
+      Array.isArray(t.textList) ? t.textList : []
+    ), K = f(() => R.value ?? []), ue = f(() => b.value), N = o([]), O = () => {
+      N.value = Te(Be(t.class) || "", l.value), ee(N.value, "size", E.componentStyle.size), ee(N.value, "color", "primary");
+    }, S = (e = !0) => {
+      Y(() => {
+        d.value.forEach((s) => {
+          s && (te(s), e && y.value && Ee(s));
+        });
+      });
+    }, de = (e) => {
+      y.value && n("click", e, p.value);
+    }, me = (e, s) => {
+      y.value && n(e, s, p.value);
+    }, F = () => {
+      E.component.listList[a] && E.component.listList[a].isHisonvueComponent && console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${a}`), Le(v, () => {
+        P(), Y(F);
+      }), O(), S(!0), p.value = {
+        isHisonvueComponent: !0,
+        getId: () => a,
+        getType: () => "list",
+        isVisible: () => h.value,
+        setVisible: (e) => {
+          h.value = e;
+        },
+        getListType: () => b.value,
+        setListType: (e) => {
+          b.value = e;
+        },
+        isShowMarker: () => I.value,
+        setShowMarker: (e) => {
+          I.value = e;
+        },
+        getBulletChar: () => k.value,
+        setBulletChar: (e) => {
+          k.value = e;
+        },
+        isBorder: () => C.value,
+        setBorder: (e) => {
+          C.value = e;
+        },
+        isListBorder: () => T.value,
+        setListBorder: (e) => {
+          T.value = e;
+        },
+        getBackgroundType: () => B.value,
+        setBackgroundType: (e) => {
+          B.value = e;
+        },
+        getListBackgroundType: () => L.value,
+        setListBackgroundType: (e) => {
+          L.value = e;
+        },
+        getTextList: () => [...K.value],
+        setTextList: (e) => {
+          R.value = Array.isArray(e) ? e : [];
+        },
+        isAddEvent: () => y.value,
+        setAddEvent: (e) => {
+          y.value = !!e, S(!0);
+        },
+        getTabIndex: () => g.value,
+        setTabIndex: (e) => {
+          g.value = e != null ? Number(e) : null;
+        },
+        getListRowCount: () => d.value.length,
+        getListItem: (e) => !Number.isInteger(e) || e < 0 || e >= d.value.length ? null : d.value[e] ?? null,
+        focus: (e = 0) => {
+          var $;
+          if (!y.value) return;
+          const s = g.value;
+          if (s == null || s === -1 || !Number.isInteger(e) || e < 0 || e >= d.value.length) return;
+          const m = d.value[e];
+          ($ = m == null ? void 0 : m.focus) == null || $.call(m);
+        },
+        reload: () => Se(v)
+      }, E.component.listList[a] = p.value, n("mounted", p.value);
+    }, P = () => {
+      we(v), d.value.forEach((e) => e && te(e)), delete E.component.listList[a];
+    };
+    ce(F), be(P);
+    const G = (e) => {
+      if (!e) return null;
+      if (e instanceof Element) return e;
+      const s = e.$el;
+      return s instanceof Element ? s : null;
+    }, ve = (e) => {
+      const s = G(e);
+      s && (d.value.includes(s) || d.value.push(s));
+    }, fe = (e) => {
+      const s = G(e);
+      s && (A.value.includes(s) || A.value.push(s));
+    };
+    return r(l, (e) => {
+      O(), n("responsive-change", e);
+    }), r(() => t.visible, (e) => {
+      const s = !!e;
+      s !== h.value && (h.value = s);
+    }), r(() => t.border, (e) => {
+      const s = !!e;
+      s !== C.value && (C.value = s);
+    }), r(() => t.listBorder, (e) => {
+      const s = !!e;
+      s !== T.value && (T.value = s);
+    }), r(() => t.backgroundType, (e) => {
+      e && e !== B.value && (B.value = e);
+    }), r(() => t.listBackgroundType, (e) => {
+      e && e !== L.value && (L.value = e);
+    }), r(() => t.listType, (e) => {
+      const s = e === "ol" ? "ol" : "ul";
+      s !== b.value && (b.value = s);
+    }), r(() => t.bulletChar, (e) => {
+      const s = e ?? "•";
+      s !== k.value && (k.value = s);
+    }), r(() => t.showMarker, (e) => {
+      const s = e !== !1;
+      s !== I.value && (I.value = s);
+    }), r(() => t.textList, (e) => {
+      R.value = Array.isArray(e) ? e : [];
+    }), r(() => t.addEvent, (e) => {
+      const s = !!e;
+      s !== y.value && (y.value = s, S(!0));
+    }), r(() => t.tabIndex, (e) => {
+      const s = e === null || e === "" ? null : Number(e);
+      s !== g.value && (g.value = s);
+    }), r(() => t.class, () => {
+      O();
+    }), r(q, () => {
+      S(!0);
+    }), r(R, () => {
+      S(!0);
+    }, { deep: !0 }), {
+      props: t,
+      listRef: V,
+      itemRefs: d,
+      itemInnerRefs: A,
+      renderTag: ue,
+      listType: b,
+      bulletChar: k,
+      showMarker: I,
+      visibleClass: se,
+      borderClass: ne,
+      listBorderClass: le,
+      backgroundTypeClass: oe,
+      listBackgroundTypeClass: re,
+      responsiveClassList: N,
+      hasElementSlot: ae,
+      elementNodes: q,
+      normalizedItems: K,
+      tabIndex: g,
+      setItemRef: ve,
+      setItemInnerRef: fe,
+      onItemClick: de,
+      emitItem: me
+    };
+  }
+}), Ne = ["tabindex"], $e = {
+  key: 0,
+  class: "hison-list-marker"
+}, He = { key: 0 }, ze = { key: 1 }, De = { class: "hison-list-content" }, qe = ["tabindex"], Oe = {
+  key: 0,
+  class: "hison-list-marker"
+}, Ue = { key: 0 }, Ve = { key: 1 }, je = { class: "hison-list-content" }, Ke = {
+  key: 1,
+  class: "hison-list-item-text"
+};
+function Fe(t, n, M, V, d, A) {
+  return i(), u("div", {
+    class: H([
+      "hison-wrapper",
+      ...t.responsiveClassList,
+      t.visibleClass
+    ])
+  }, [
+    (i(), J(Q(t.renderTag), {
+      ref: "listRef",
+      class: H([
+        "hison-list",
+        t.borderClass,
+        t.backgroundTypeClass
+      ]),
+      style: z(t.props.style),
+      onKeydown: [
+        W(X(t.onItemClick, ["prevent"]), ["enter"]),
+        W(X(t.onItemClick, ["prevent"]), ["space"])
+      ]
+    }, {
+      default: he(() => [
+        t.hasElementSlot ? (i(!0), u(U, { key: 0 }, Z(t.elementNodes, (a, v) => (i(), u("li", {
+          key: v,
+          class: H([
+            "hison-list-item",
+            t.listBorderClass,
+            t.listBackgroundTypeClass
+          ]),
+          style: z(t.props.listItemStyle),
+          ref_for: !0,
+          ref: t.setItemRef,
+          tabindex: t.tabIndex ?? void 0,
+          onClick: n[0] || (n[0] = (...l) => t.onItemClick && t.onItemClick(...l)),
+          onMousedown: n[1] || (n[1] = (l) => t.emitItem("mousedown", l)),
+          onMouseup: n[2] || (n[2] = (l) => t.emitItem("mouseup", l)),
+          onMouseover: n[3] || (n[3] = (l) => t.emitItem("mouseover", l)),
+          onMouseout: n[4] || (n[4] = (l) => t.emitItem("mouseout", l))
+        }, [
+          D("div", {
+            class: "hison-list-item-inner",
+            style: z(t.props.listItemInnerStyle),
+            ref_for: !0,
+            ref: t.setItemInnerRef
+          }, [
+            t.showMarker ? (i(), u("div", $e, [
+              t.listType === "ol" ? (i(), u("span", He, w(v + 1) + ".", 1)) : (i(), u("span", ze, w(t.bulletChar), 1))
+            ])) : x("", !0),
+            D("div", De, [
+              (i(), J(Q(a)))
+            ])
+          ], 4)
+        ], 46, Ne))), 128)) : (i(!0), u(U, { key: 1 }, Z(t.normalizedItems, (a, v) => (i(), u("li", {
+          key: v,
+          class: H([
+            "hison-list-item",
+            t.listBorderClass,
+            t.listBackgroundTypeClass
+          ]),
+          ref_for: !0,
+          ref: t.setItemRef,
+          tabindex: t.tabIndex ?? void 0,
+          onClick: n[5] || (n[5] = (...l) => t.onItemClick && t.onItemClick(...l)),
+          onMousedown: n[6] || (n[6] = (l) => t.emitItem("mousedown", l)),
+          onMouseup: n[7] || (n[7] = (l) => t.emitItem("mouseup", l)),
+          onMouseover: n[8] || (n[8] = (l) => t.emitItem("mouseover", l)),
+          onMouseout: n[9] || (n[9] = (l) => t.emitItem("mouseout", l))
+        }, [
+          D("div", {
+            class: "hison-list-item-inner",
+            style: z(t.props.listItemInnerStyle),
+            ref_for: !0,
+            ref: t.setItemInnerRef
+          }, [
+            t.showMarker ? (i(), u("div", Oe, [
+              t.listType === "ol" ? (i(), u("span", Ue, w(v + 1) + ".", 1)) : (i(), u("span", Ve, w(t.bulletChar), 1))
+            ])) : x("", !0),
+            D("div", je, [
+              t.$slots.item ? ke(t.$slots, "item", {
+                key: 0,
+                item: a,
+                index: v
+              }) : (i(), u("span", Ke, w(String(a ?? "")), 1))
+            ])
+          ], 4)
+        ], 42, qe))), 128))
+      ]),
+      _: 3
+    }, 40, ["class", "style", "onKeydown"]))
+  ], 2);
+}
+const Qe = /* @__PURE__ */ Me(Re, [["render", Fe]]);
+export {
+  Qe as default
+};

package/dist/HList-eNXmMf27.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BmKMHsSZ.js"),N=require("./setButtonCssEvent-B9WTs2X7.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;