hisonvue 1.1.16 → 1.1.18

package/dist/HList-BA92wY3G.mjs

@@ -1,419 +0,0 @@
-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-DFLqS2VX.mjs";
-import { r as te, a as Ee } from "./setButtonCssEvent-GeMZtIKH.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-BpZwIQOr.js

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