hisonvue 1.0.0

package/dist/HSpinner-DOq2k5kT.mjs

@@ -0,0 +1,281 @@
+import { defineComponent as Y, ref as o, computed as S, onMounted as x, onBeforeUnmount as F, watch as p, unref as R, nextTick as q, createElementBlock as y, openBlock as m, normalizeClass as A, createCommentVNode as G, createElementVNode as r, normalizeStyle as $, renderSlot as J, createStaticVNode as K } from "vue";
+import { S as Q, i as l, g as _, u as ee, e as se, t as ne, b as B, h as C, r as te, c as ie, d as ae } from "./index-DUh7pai4.mjs";
+import { a as oe, r as re } from "./scrollManager-BGnq4wyt.mjs";
+import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const pe = {
+  /**
+   * Unique identifier for the spinner instance.
+   * - You can later retrieve its methods via `hison.component.getSpinner(id)`
+   * - Duplicate `id` values will throw an error at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the spinner wrapper scope.
+   * - Accepts string/array/object (Vue class binding formats)
+   * - You can use responsive tokens such as `hison-col-*`, `hison-size-*`, `hison-color-*`
+   * - Processed internally to apply device-specific classes
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style(s) for the spinner **box element** (not the overlay nor the fixed wrapper).
+   * - Accepts string, object, or array of objects (Vue style binding formats)
+   * - Use this for width/height/padding of the spinner container
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Initial visibility of the spinner.
+   * - Runtime visibility is controlled **only** via methods (`open/close/toggle/setVisible`)
+   * - Default: `false`
+   */
+  visible: { type: Boolean, default: !1 },
+  /**
+   * Stacking order for this spinner **wrapper** (fixed container).
+   * - Applied to `.hison-spinner-wrapper`; the overlay uses `zIndex - 1`
+   * - Default: `1500`
+   */
+  zIndex: { type: Number, default: 1500 },
+  /**
+   * On-screen position of the **fixed wrapper** (where the spinner is anchored).
+   * - Tokens: 'top-left' | 'top-center' | 'top-right' |
+   *           'middle-left' | 'middle-center' | 'middle-right' |
+   *           'bottom-left' | 'bottom-center' | 'bottom-right'
+   * - Default: `middle-center`
+   */
+  position: {
+    type: String,
+    default: l.middleCenter,
+    validator: (s) => Q.includes(s)
+  },
+  /**
+   * Styles applied to the overlay element.
+   * - Overlay is **always rendered** and blocks pointer events behind the spinner
+   * - Accepts string/object/array; merged with an internal `{ zIndex: (zIndex - 1) }`
+   * - Example: `overlay-style="{ backgroundColor: 'rgba(0,0,0,.25)' }"`
+   */
+  overlayStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Auto-hide timeout in milliseconds.
+   * - `0` disables the timeout (spinner stays until closed programmatically)
+   * - When > 0, spinner will close automatically after the specified duration
+   * - Default: `0`
+   */
+  timeoutMs: { type: Number, default: 0 },
+  /**
+   * Built-in spinner renderer type.
+   * - One of: `'ring' | 'dots' | 'bars' | 'pulse'`
+   * - Default: `'ring'`
+   * - Ignored when a custom `#spinner` slot is provided
+   */
+  spinnerType: {
+    type: String,
+    default: "ring",
+    validator: (s) => ["ring", "dots", "bars", "pulse"].includes(s)
+  }
+}, ue = Y({
+  name: "HSpinner",
+  props: pe,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "open", "close", "toggle"],
+  setup(s, { emit: n }) {
+    const a = s.id || _(), T = `hspinner:${a}`, z = ee(), H = o(null), U = o(null), t = o(s.visible), c = o(s.zIndex ?? 1400), g = o(s.position), b = o(s.overlayStyle), d = o(s.timeoutMs ?? 0), v = o(s.spinnerType), Z = S(() => t.value ? "" : "hison-display-none"), j = S(() => `hison-spinner-type-${v.value}`), k = o([]), N = () => {
+      k.value = se(ne(s.class) || "", z.value), B(k.value, "size", C.componentStyle.size), B(k.value, "color", "primary");
+    }, D = S(() => {
+      const e = { zIndex: c.value };
+      switch (e.left = "", e.right = "", e.top = "", e.bottom = "", e.transform = "none", g.value) {
+        case l.topLeft:
+          e.left = "5%", e.top = "5%";
+          break;
+        case l.topCenter:
+          e.left = "50%", e.top = "5%", e.transform = "translateX(-50%)";
+          break;
+        case l.topRight:
+          e.right = "5%", e.top = "5%";
+          break;
+        case l.middleLeft:
+          e.left = "5%", e.top = "50%", e.transform = "translateY(-50%)";
+          break;
+        case l.middleCenter:
+          e.left = "50%", e.top = "50%", e.transform = "translate(-50%, -50%)";
+          break;
+        case l.middleRight:
+          e.right = "5%", e.top = "50%", e.transform = "translateY(-50%)";
+          break;
+        case l.bottomLeft:
+          e.left = "5%", e.bottom = "5%";
+          break;
+        case l.bottomCenter:
+          e.left = "50%", e.bottom = "5%", e.transform = "translateX(-50%)";
+          break;
+        case l.bottomRight:
+          e.right = "5%", e.bottom = "5%";
+          break;
+      }
+      return e;
+    }), W = S(() => {
+      const i = { zIndex: (c.value ?? 1400) - 1 }, f = b.value;
+      return f ? Array.isArray(f) ? [{ ...i }, ...f] : typeof f == "string" ? [i, f] : { ...i, ...f } : i;
+    });
+    let I = null;
+    const M = () => {
+      I != null && (clearTimeout(I), I = null);
+    }, w = () => {
+      M(), d.value > 0 && (I = window.setTimeout(() => {
+        h();
+      }, d.value));
+    }, O = () => oe(a), E = () => re(a), L = async () => {
+      t.value || (t.value = !0, O(), await q(), w(), n("open", R(u)));
+    }, h = async () => {
+      if (t.value)
+        try {
+          M();
+        } finally {
+          t.value = !1, E(), n("close", R(u));
+        }
+    }, X = async () => {
+      t.value ? await h() : await L(), n("toggle", R(u));
+    }, u = o(null), P = () => {
+      C.component.spinnerList[a] && C.component.spinnerList[a].isHisonvueComponent && console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${a}`), te(T, () => {
+        V(), q(P);
+      }), N(), t.value && (O(), w()), u.value = {
+        isHisonvueComponent: !0,
+        getId: () => a,
+        getType: () => "spinner",
+        isVisible: () => t.value,
+        open: L,
+        close: h,
+        toggle: X,
+        setVisible: (e) => e ? L() : h(),
+        getZIndex: () => c.value,
+        setZIndex: (e) => {
+          c.value = e;
+        },
+        getPosition: () => g.value,
+        setPosition: (e) => {
+          g.value = e;
+        },
+        getTimeout: () => d.value,
+        setTimeout: (e) => {
+          d.value = Math.max(0, Number(e) || 0), t.value && w();
+        },
+        getSpinnerType: () => v.value,
+        setSpinnerType: (e) => {
+          v.value = e;
+        },
+        getOverlayStyle: () => b.value,
+        setOverlayStyle: (e) => {
+          b.value = e;
+        },
+        reload: () => ie(T)
+      }, C.component.spinnerList[a] = u.value, n("mounted", u.value);
+    }, V = () => {
+      ae(T), delete C.component.spinnerList[a], M(), t.value && E();
+    };
+    return x(P), F(V), p(z, (e) => {
+      N(), n("responsive-change", e);
+    }), p(() => s.visible, (e) => {
+      const i = !!e;
+      i !== t.value && (i ? L() : h());
+    }), p(() => s.zIndex, (e) => {
+      const i = Number(e ?? 1400);
+      i !== c.value && (c.value = i);
+    }), p(() => s.position, (e) => {
+      e && e !== g.value && (g.value = e);
+    }), p(() => s.overlayStyle, (e) => {
+      e !== b.value && (b.value = e);
+    }), p(() => s.timeoutMs, (e) => {
+      const i = Math.max(0, Number(e) || 0);
+      i !== d.value && (d.value = i, t.value && w());
+    }), p(() => s.spinnerType, (e) => {
+      e && e !== v.value && (v.value = e);
+    }), p(() => s.class, () => {
+      N();
+    }), {
+      id: a,
+      props: s,
+      wrapperRef: H,
+      spinnerRef: U,
+      visible: t,
+      visibleClass: Z,
+      responsiveClassList: k,
+      overlayStyleWithZ: W,
+      wrapperStyle: D,
+      spinnerType: v,
+      spinnerTypeClass: j,
+      spinnerMethods: S(() => R(u))
+    };
+  }
+}), ce = {
+  key: 0,
+  class: "hison-spinner-ring"
+}, de = {
+  key: 1,
+  class: "hison-spinner-dots"
+}, ve = {
+  key: 2,
+  class: "hison-spinner-bars"
+}, fe = {
+  key: 3,
+  class: "hison-spinner-pulse"
+};
+function ye(s, n, a, T, z, H) {
+  return m(), y("div", {
+    class: A(["hison-layer-host", s.visibleClass])
+  }, [
+    s.visible ? (m(), y("div", {
+      key: 0,
+      class: "hison-spinner-overlay",
+      style: $(s.overlayStyleWithZ)
+    }, null, 4)) : G("", !0),
+    r("div", {
+      ref: "wrapperRef",
+      class: A(["hison-spinner-wrapper", ...s.responsiveClassList]),
+      style: $(s.wrapperStyle)
+    }, [
+      r("div", {
+        ref: "spinnerRef",
+        class: A([
+          "hison-spinner",
+          s.spinnerTypeClass
+        ]),
+        style: $(s.props.style),
+        role: "status",
+        "aria-live": "polite",
+        "aria-busy": "true"
+      }, [
+        J(s.$slots, "spinner", {
+          spinnerEl: s.spinnerRef,
+          spinner: s.spinnerMethods,
+          type: s.spinnerType
+        }, () => [
+          s.spinnerType === "ring" ? (m(), y("div", ce, n[0] || (n[0] = [
+            K('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>', 7)
+          ]))) : s.spinnerType === "dots" ? (m(), y("div", de, n[1] || (n[1] = [
+            r("span", { class: "hison-spinner-dot" }, null, -1),
+            r("span", { class: "hison-spinner-dot" }, null, -1),
+            r("span", { class: "hison-spinner-dot" }, null, -1)
+          ]))) : s.spinnerType === "bars" ? (m(), y("div", ve, n[2] || (n[2] = [
+            r("span", { class: "hison-spinner-bar" }, null, -1),
+            r("span", { class: "hison-spinner-bar" }, null, -1),
+            r("span", { class: "hison-spinner-bar" }, null, -1),
+            r("span", { class: "hison-spinner-bar" }, null, -1)
+          ]))) : (m(), y("div", fe, n[3] || (n[3] = [
+            r("span", { class: "hison-spinner-pulse-span" }, null, -1)
+          ])))
+        ])
+      ], 6)
+    ], 6)
+  ], 2);
+}
+const Se = /* @__PURE__ */ le(ue, [["render", ye]]);
+export {
+  Se as default
+};

package/dist/HTable-DGFnzD4u.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("./index-BmKMHsSZ.js"),He=require("./_plugin-vue_export-helper-BHFhmbuH.js"),qe={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},headerCellClass:{type:[String,Array,Object],required:!1},bodyCellClass:{type:[String,Array,Object],required:!1},footerCellClass:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},headerCellStyle:{type:[String,Object,Array],required:!1},bodyCellStyle:{type:[String,Object,Array],required:!1},footerCellStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},caption:{type:String,default:""},striped:{type:String,default:"row"},hoverable:{type:String,default:"row"},border:{type:Boolean,default:!1},headerBorderTop:{type:Boolean,default:!1},headerBorderBottom:{type:Boolean,default:!1},headerBorderLeft:{type:Boolean,default:!1},headerBorderRight:{type:Boolean,default:!1},bodyBorderTop:{type:Boolean,default:!1},bodyBorderBottom:{type:Boolean,default:!1},bodyBorderLeft:{type:Boolean,default:!1},bodyBorderRight:{type:Boolean,default:!1},footerBorderTop:{type:Boolean,default:!1},footerBorderBottom:{type:Boolean,default:!1},footerBorderLeft:{type:Boolean,default:!1},footerBorderRight:{type:Boolean,default:!1},headerTextAlign:{type:String,default:l.TextAlign.center,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},bodyTextAlign:{type:String,default:l.TextAlign.left,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},footerTextAlign:{type:String,default:l.TextAlign.right,validator:o=>o==null||l.TEXT_ALIGN_VALUES.includes(o)},headerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},bodyVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},footerVerticalAlign:{type:String,default:l.VerticalAlign.middle,validator:o=>l.VERTICAL_ALIGN_VALUES.includes(o)},backgroundType:{type:String,default:l.BackgroundType.empty,validator:o=>l.BACKGROUND_TYPE_VALUES.includes(o)}},$e=t.defineComponent({name:"HTable",props:qe,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(o,{emit:j}){const J=t.ref(null),$=t.ref(null),s=t.ref(null),N=t.ref(null),i=o.id?o.id:l.getUUID(),U=`htable:${i}`,Q=l.useDevice(),z=t.ref(null),f=t.ref(o.visible),ae=t.computed(()=>f.value?"":"hison-display-none"),v=t.ref(o.caption||""),u=t.ref(!!o.border),c=t.ref(o.striped??"row"),d=t.ref(o.hoverable??"row"),h=t.ref(o.backgroundType||l.BackgroundType.empty),y=t.ref(!!o.headerBorderTop),B=t.ref(!!o.headerBorderBottom),g=t.ref(!!o.headerBorderLeft),b=t.ref(!!o.headerBorderRight),m=t.ref(!!o.bodyBorderTop),C=t.ref(!!o.bodyBorderBottom),A=t.ref(!!o.bodyBorderLeft),T=t.ref(!!o.bodyBorderRight),p=t.ref(!!o.footerBorderTop),S=t.ref(!!o.footerBorderBottom),L=t.ref(!!o.footerBorderLeft),w=t.ref(!!o.footerBorderRight),V=t.ref(o.headerTextAlign),R=t.ref(o.bodyTextAlign),k=t.ref(o.footerTextAlign),E=t.ref(o.headerVerticalAlign),H=t.ref(o.bodyVerticalAlign),q=t.ref(o.footerVerticalAlign),se=t.computed(()=>u.value?"hison-border":""),ne=t.computed(()=>{switch(h.value){case l.BackgroundType.empty:return"hison-bg-empty";case l.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),de=t.computed(()=>c.value==="row"?"is-striped-row":c.value==="col"?"is-striped-col":null),ie=t.computed(()=>d.value==="row"?"is-hover-row":d.value==="col"?"is-hover-col":null),ue=t.computed(()=>y.value?"hison-header-border-top":""),ce=t.computed(()=>B.value?"hison-header-border-bottom":""),fe=t.computed(()=>g.value?"hison-header-border-left":""),ve=t.computed(()=>b.value?"hison-header-border-right":""),he=t.computed(()=>m.value?"hison-body-border-top":""),ye=t.computed(()=>C.value?"hison-body-border-bottom":""),Be=t.computed(()=>A.value?"hison-body-border-left":""),ge=t.computed(()=>T.value?"hison-body-border-right":""),be=t.computed(()=>p.value?"hison-footer-border-top":""),me=t.computed(()=>S.value?"hison-footer-border-bottom":""),Ce=t.computed(()=>L.value?"hison-footer-border-left":""),Ae=t.computed(()=>w.value?"hison-footer-border-right":""),I=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"center":return`${a}-ta-center`;case"right":return`${a}-ta-right`;default:return`${a}-ta-left`}},M=(e,r)=>{const a=e==="thead"?"hison-thead":e==="tbody"?"hison-tbody":"hison-tfoot";switch(r){case"top":return`${a}-valign-top`;case"bottom":return`${a}-valign-bottom`;default:return`${a}-valign-middle`}},Te=t.computed(()=>I("thead",V.value)),pe=t.computed(()=>I("tbody",R.value)),Se=t.computed(()=>I("tfoot",k.value)),Le=t.computed(()=>M("thead",E.value)),we=t.computed(()=>M("tbody",H.value)),Ve=t.computed(()=>M("tfoot",q.value)),F=t.ref([]),G=()=>{F.value=l.extractResponsiveClasses(l.toClassString(o.class)||"",Q.value),l.addComponentNameToClass(F.value,"size",l.hisonCloser.componentStyle.size),l.addComponentNameToClass(F.value,"color","primary")};let D=-1;const W=()=>{const e=s.value;e&&(e.querySelectorAll("td.is-col-hover-cell").forEach(r=>r.classList.remove("is-col-hover-cell")),D=-1)},Re=e=>{const r=s.value;r&&(W(),r.querySelectorAll("tr").forEach(a=>{const n=a.querySelectorAll("td")[e];n&&n.classList.add("is-col-hover-cell")}),D=e)},_=e=>{if(d.value!=="col")return;const r=e.target;if(!r||r.tagName!=="TD")return;const n=r.cellIndex;n!==D&&Re(n)},ee=()=>{d.value==="col"&&W()},ke=e=>e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase()).replace(/^ms-/,"-ms-"),te=e=>e?typeof e=="string"?e.trim().split(/\s+/).filter(Boolean):Array.isArray(e)?e.flatMap(te):Object.entries(e).filter(([,r])=>!!r).map(([r])=>r):[],Ee=e=>{if(!e)return[];if(typeof e=="string"){const r={};return e.split(";").forEach(a=>{const[n,O]=a.split(":");!n||!O||(r[n.trim()]=O.trim())}),[r]}return Array.isArray(e)?e.filter(Boolean):typeof e=="object"?[e]:[]},P=(e,r)=>{const a=Ee(r);if(a.length)for(const n of a)for(const[O,Z]of Object.entries(n)){if(Z==null||Z==="")continue;const le=ke(O);e.style.getPropertyValue(le)||e.style.setProperty(le,String(Z))}},x=(e,r)=>{const a=te(r);a.length&&e.classList.add(...a)},X=()=>{const e=$.value;if(!e)return;Array.from(e.querySelectorAll("th")).forEach(a=>{x(a,o.headerCellClass),P(a,o.headerCellStyle)})},K=()=>{const e=s.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.bodyCellClass),P(a,o.bodyCellStyle)})},Y=()=>{const e=N.value;if(!e)return;Array.from(e.querySelectorAll("td")).forEach(a=>{x(a,o.footerCellClass),P(a,o.footerCellStyle)})},oe=async()=>{l.hisonCloser.component.tableList[i]&&l.hisonCloser.component.tableList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The table ID is at risk of being duplicated. ${i}`),l.registerReloadable(U,()=>{re(),setTimeout(oe)}),G(),s.value&&(s.value.addEventListener("mouseover",_),s.value.addEventListener("mouseleave",ee)),await t.nextTick(),X(),K(),Y(),z.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"table",isVisible:()=>f.value,setVisible:e=>{f.value=e},isBorder:()=>u.value,setBorder:e=>{u.value=e},isHeaderBorderTop:()=>y.value,setHeaderBorderTop:e=>{y.value=e},isHeaderBorderBottom:()=>B.value,setHeaderBorderBottom:e=>{B.value=e},isHeaderBorderLeft:()=>g.value,setHeaderBorderLeft:e=>{g.value=e},isHeaderBorderRight:()=>b.value,setHeaderBorderRight:e=>{b.value=e},isBodyBorderTop:()=>m.value,setBodyBorderTop:e=>{m.value=e},isBodyBorderBottom:()=>C.value,setBodyBorderBottom:e=>{C.value=e},isBodyBorderLeft:()=>A.value,setBodyBorderLeft:e=>{A.value=e},isBodyBorderRight:()=>T.value,setBodyBorderRight:e=>{T.value=e},isFooterBorderTop:()=>p.value,setFooterBorderTop:e=>{p.value=e},isFooterBorderBottom:()=>S.value,setFooterBorderBottom:e=>{S.value=e},isFooterBorderLeft:()=>L.value,setFooterBorderLeft:e=>{L.value=e},isFooterBorderRight:()=>w.value,setFooterBorderRight:e=>{w.value=e},getStriped:()=>c.value,setStriped:e=>{c.value=e},getHoverable:()=>d.value,setHoverable:e=>{d.value=e},getCaption:()=>v.value,setCaption:e=>{v.value=e},getBackgroundType:()=>h.value,setBackgroundType:e=>{h.value=e},getHeaderTextAlign:()=>V.value,setHeaderTextAlign:e=>{V.value=e},getBodyTextAlign:()=>R.value,setBodyTextAlign:e=>{R.value=e},getFooterTextAlign:()=>k.value,setFooterTextAlign:e=>{k.value=e},getHeaderVerticalAlign:()=>E.value,setHeaderVerticalAlign:e=>{E.value=e},getBodyVerticalAlign:()=>H.value,setBodyVerticalAlign:e=>{H.value=e},getFooterVerticalAlign:()=>q.value,setFooterVerticalAlign:e=>{q.value=e},getRowCount:()=>{const e=s.value;return e?e.querySelectorAll(":scope > tr").length:0},getRowElement:e=>{const r=s.value;if(!r||!Number.isInteger(e)||e<0)return null;const a=r.querySelectorAll(":scope > tr");return e>=a.length?null:a[e]},getHeadElement:()=>$.value,getBodyElement:()=>s.value,getFootElement:()=>N.value,reload:()=>l.reloadHisonComponent(U)},l.hisonCloser.component.tableList[i]=z.value,j("mounted",z.value)},re=()=>{s.value&&(s.value.removeEventListener("mouseover",_),s.value.removeEventListener("mouseleave",ee)),l.unregisterReloadable(U),delete l.hisonCloser.component.tableList[i]};return t.onMounted(oe),t.onBeforeUnmount(re),t.watch(Q,e=>{G(),j("responsive-change",e)}),t.watch(()=>o.visible,e=>{const r=!!e;r!==f.value&&(f.value=r)}),t.watch(()=>o.caption,e=>{const r=e??"";r!==v.value&&(v.value=r)}),t.watch(()=>o.border,e=>{const r=!!e;r!==u.value&&(u.value=r)}),t.watch(()=>o.backgroundType,e=>{e&&e!==h.value&&(h.value=e)}),t.watch(()=>o.striped,e=>{const r=e??"row";r!==c.value&&(c.value=r)}),t.watch(()=>o.hoverable,e=>{const r=e??"row";r!==d.value&&(d.value=r)}),t.watch(()=>o.headerBorderTop,e=>{const r=!!e;r!==y.value&&(y.value=r)}),t.watch(()=>o.headerBorderBottom,e=>{const r=!!e;r!==B.value&&(B.value=r)}),t.watch(()=>o.headerBorderLeft,e=>{const r=!!e;r!==g.value&&(g.value=r)}),t.watch(()=>o.headerBorderRight,e=>{const r=!!e;r!==b.value&&(b.value=r)}),t.watch(()=>o.bodyBorderTop,e=>{const r=!!e;r!==m.value&&(m.value=r)}),t.watch(()=>o.bodyBorderBottom,e=>{const r=!!e;r!==C.value&&(C.value=r)}),t.watch(()=>o.bodyBorderLeft,e=>{const r=!!e;r!==A.value&&(A.value=r)}),t.watch(()=>o.bodyBorderRight,e=>{const r=!!e;r!==T.value&&(T.value=r)}),t.watch(()=>o.footerBorderTop,e=>{const r=!!e;r!==p.value&&(p.value=r)}),t.watch(()=>o.footerBorderBottom,e=>{const r=!!e;r!==S.value&&(S.value=r)}),t.watch(()=>o.footerBorderLeft,e=>{const r=!!e;r!==L.value&&(L.value=r)}),t.watch(()=>o.footerBorderRight,e=>{const r=!!e;r!==w.value&&(w.value=r)}),t.watch(()=>o.headerTextAlign,e=>{e&&e!==V.value&&(V.value=e)}),t.watch(()=>o.bodyTextAlign,e=>{e&&e!==R.value&&(R.value=e)}),t.watch(()=>o.footerTextAlign,e=>{e&&e!==k.value&&(k.value=e)}),t.watch(()=>o.headerVerticalAlign,e=>{e&&e!==E.value&&(E.value=e)}),t.watch(()=>o.bodyVerticalAlign,e=>{e&&e!==H.value&&(H.value=e)}),t.watch(()=>o.footerVerticalAlign,e=>{e&&e!==q.value&&(q.value=e)}),t.watch(()=>o.headerCellClass,()=>t.nextTick(X)),t.watch(()=>o.headerCellStyle,()=>t.nextTick(X)),t.watch(()=>o.bodyCellClass,()=>t.nextTick(K)),t.watch(()=>o.bodyCellStyle,()=>t.nextTick(K)),t.watch(()=>o.footerCellClass,()=>t.nextTick(Y)),t.watch(()=>o.footerCellStyle,()=>t.nextTick(Y)),t.watch(()=>o.class,()=>{G()}),{props:o,tableRef:J,theadRef:$,tbodyRef:s,tfootRef:N,visibleClass:ae,stripedClass:de,hoverableClass:ie,caption:v,border:u,borderClass:se,tableBackgroundTypeClass:ne,responsiveClassList:F,headerBorderTopClass:ue,bodyBorderTopClass:he,footerBorderTopClass:be,headerBorderBottomClass:ce,bodyBorderBottomClass:ye,footerBorderBottomClass:me,headerBorderLeftClass:fe,bodyBorderLeftClass:Be,footerBorderLeftClass:Ce,headerBorderRightClass:ve,bodyBorderRightClass:ge,footerBorderRightClass:Ae,headerTextAlignClass:Te,bodyTextAlignClass:pe,footerTextAlignClass:Se,headerVAlignClass:Le,bodyVAlignClass:we,footerVAlignClass:Ve}}}),Ne={key:0,class:"hison-table-caption"};function Fe(o,j,J,$,s,N){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...o.responsiveClassList,o.visibleClass])},[t.createElementVNode("table",{ref:"tableRef",class:t.normalizeClass(["hison-table",o.borderClass,o.tableBackgroundTypeClass,o.stripedClass,o.hoverableClass]),style:t.normalizeStyle(o.props.style)},[o.$slots.caption||o.caption?(t.openBlock(),t.createElementBlock("caption",Ne,[t.renderSlot(o.$slots,"caption",{},()=>[t.createTextVNode(t.toDisplayString(o.caption),1)])])):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"colgroup"),o.$slots.thead?(t.openBlock(),t.createElementBlock("thead",{key:1,ref:"theadRef",class:t.normalizeClass([o.headerBorderTopClass,o.headerBorderBottomClass,o.headerBorderLeftClass,o.headerBorderRightClass,o.headerTextAlignClass,o.headerVAlignClass])},[t.renderSlot(o.$slots,"thead")],2)):t.createCommentVNode("",!0),t.createElementVNode("tbody",{ref:"tbodyRef",class:t.normalizeClass([o.bodyBorderTopClass,o.bodyBorderBottomClass,o.bodyBorderLeftClass,o.bodyBorderRightClass,o.bodyTextAlignClass,o.bodyVAlignClass])},[t.renderSlot(o.$slots,"default")],2),o.$slots.tfoot?(t.openBlock(),t.createElementBlock("tfoot",{key:2,ref:"tfootRef",class:t.normalizeClass([o.footerBorderTopClass,o.footerBorderBottomClass,o.footerBorderLeftClass,o.footerBorderRightClass,o.footerTextAlignClass,o.footerVAlignClass])},[t.renderSlot(o.$slots,"tfoot")],2)):t.createCommentVNode("",!0)],6)],2)}const Oe=He._export_sfc($e,[["render",Fe]]);exports.default=Oe;