hisonvue 1.0.0

package/dist/HCaption-6CbSqRA7.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BmKMHsSZ.js"),V=require("./_plugin-vue_export-helper-BHFhmbuH.js"),z={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},text:{type:String,required:!1},level:{type:Number,default:3,validator:t=>Number.isFinite(t)&&t>=1&&t<=6},fontBold:{type:Boolean,default:!0},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:t=>t==null||o.TEXT_ALIGN_VALUES.includes(t)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:t=>o.BACKGROUND_TYPE_VALUES.includes(t)}},O=e.defineComponent({name:"HCaption",props:z,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(t,{emit:a}){const A=e.ref(null),u=e.ref(null),i=t.id?t.id:o.getUUID(),C=`hcaption:${i}`,s=o.useDevice(),k=e.useSlots(),c=e.ref(t.visible),d=e.ref(t.title||""),f=e.ref(t.textAlign??o.TextAlign.left),L=e.computed(()=>({textAlign:f.value})),v=e.ref(t.level??3),$=e.computed(()=>`h${Math.min(6,Math.max(1,Number(v.value||3)))}`),m=e.ref(t.fontBold),p=e.ref(t.fontItalic),g=e.ref(t.fontThruline),h=e.ref(t.fontUnderline),y=e.ref(t.border??!1),T=e.ref(t.backgroundType??o.BackgroundType.empty),N=e.computed(()=>c.value?"":"hison-display-none"),x=e.computed(()=>y.value?"hison-border":""),F=e.computed(()=>{switch(T.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),q=e.computed(()=>m.value?"hison-font-bold-important":null),E=e.computed(()=>p.value?"hison-font-italic":null),H=e.computed(()=>g.value?"hison-font-thruline":null),R=e.computed(()=>h.value?"hison-font-underline":null),S=e.computed(()=>k.default?k.default():[]),M=e.computed(()=>S.value.length>0&&S.value.every(n=>n.type===e.Text)),b=e.computed(()=>!!k.default&&!M.value),r=e.ref(t.text||"");e.onMounted(()=>{if(M.value){const n=S.value.map(l=>String(l.children??"")).join("");r.value=n}});const B=e.ref([]),w=()=>{B.value=o.extractResponsiveClasses(o.toClassString(t.class)||"",s.value),o.addComponentNameToClass(B.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(B.value,"color","primary")},D=n=>{a("click",n,u.value)},U=()=>{o.hisonCloser.component.captionList[i]&&o.hisonCloser.component.captionList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The caption ID is at risk of being duplicated. ${i}`),o.registerReloadable(C,()=>{I(),e.nextTick(U)}),w(),u.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"caption",isVisible:()=>c.value,setVisible:n=>{c.value=n},getTitle:()=>d.value,setTitle:n=>{d.value=n},getText:()=>b.value?"":r.value,setText:n=>{b.value||(r.value=n)},getLevel:()=>v.value,setLevel:n=>{const l=Math.min(6,Math.max(1,Number(n)));v.value=l},getTextAlign:()=>f.value,setTextAlign:n=>{(n===o.TextAlign.left||n===o.TextAlign.center||n===o.TextAlign.right)&&(f.value=n)},isFontBold:()=>m.value,setFontBold:n=>{m.value=n},isFontItalic:()=>p.value,setFontItalic:n=>{p.value=n},isFontThruline:()=>g.value,setFontThruline:n=>{g.value=n},isFontUnderline:()=>h.value,setFontUnderline:n=>{h.value=n},isBorder:()=>y.value,setBorder:n=>{y.value=n},getBackgroundType:()=>T.value,setBackgroundType:n=>{T.value=n},reload:()=>o.reloadHisonComponent(C)},o.hisonCloser.component.captionList[i]=u.value,a("mounted",u.value)},I=()=>{o.unregisterReloadable(C),delete o.hisonCloser.component.captionList[i]};return e.onMounted(U),e.onBeforeUnmount(I),e.watch(s,()=>{w(),a("responsive-change",s.value)}),e.watch(()=>t.visible,n=>{n!==c.value&&(c.value=!!n)}),e.watch(()=>t.title,n=>{const l=n??"";l!==d.value&&(d.value=l)}),e.watch(()=>t.text,n=>{if(!b.value){const l=n??"";l!==r.value&&(r.value=l)}}),e.watch(()=>t.level,n=>{const l=Math.min(6,Math.max(1,Number(n??3)));l!==v.value&&(v.value=l)}),e.watch(()=>t.textAlign,n=>{(n==="left"||n==="center"||n==="right")&&n!==f.value&&(f.value=n)}),e.watch(()=>t.fontBold,n=>{const l=!!n;l!==m.value&&(m.value=l)}),e.watch(()=>t.fontItalic,n=>{const l=!!n;l!==p.value&&(p.value=l)}),e.watch(()=>t.fontThruline,n=>{const l=!!n;l!==g.value&&(g.value=l)}),e.watch(()=>t.fontUnderline,n=>{const l=!!n;l!==h.value&&(h.value=l)}),e.watch(()=>t.border,n=>{const l=!!n;l!==y.value&&(y.value=l)}),e.watch(()=>t.backgroundType,n=>{n&&n!==T.value&&(T.value=n)}),e.watch(()=>t.class,()=>w()),{captionRef:A,captionMethods:e.computed(()=>e.unref(u)),props:t,visibleClass:N,fontBoldClass:q,fontItalicClass:E,fontThrulineClass:H,fontUnderlineClass:R,borderClass:x,backgroundTypeClass:F,textAlignStyle:L,renderTag:$,hasElementSlot:b,internalText:r,responsiveClassList:B,onClick:D,title:d}}});function j(t,a,A,u,i,C){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...t.responsiveClassList,t.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderTag),{ref:"captionRef",class:e.normalizeClass(["hison-caption",t.fontBoldClass,t.fontItalicClass,t.fontThrulineClass,t.fontUnderlineClass,t.borderClass,t.backgroundTypeClass]),style:e.normalizeStyle([t.textAlignStyle,t.props.style]),title:t.title||void 0,onClick:t.onClick,onMousedown:a[0]||(a[0]=s=>t.$emit("mousedown",s,t.captionMethods)),onMouseup:a[1]||(a[1]=s=>t.$emit("mouseup",s,t.captionMethods)),onMouseover:a[2]||(a[2]=s=>t.$emit("mouseover",s,t.captionMethods)),onMouseout:a[3]||(a[3]=s=>t.$emit("mouseout",s,t.captionMethods))},{default:e.withCtx(()=>[t.hasElementSlot?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.internalText),1)],64))]),_:3},40,["class","style","title","onClick"]))],2)}const P=V._export_sfc(O,[["render",j]]);exports.default=P;

package/dist/HCaption-DwsXHDNK.mjs

@@ -0,0 +1,275 @@
+import { defineComponent as J, ref as l, useSlots as Q, computed as o, Text as W, onMounted as R, onBeforeUnmount as Z, watch as a, unref as _, nextTick as ee, createElementBlock as x, openBlock as $, normalizeClass as D, createBlock as te, resolveDynamicComponent as ne, normalizeStyle as le, withCtx as oe, renderSlot as ae, Fragment as se, createTextVNode as ie, toDisplayString as ue } from "vue";
+import { B as re, f as M, T as de, g as ce, u as ve, w as A, e as fe, t as me, b as H, h as C, r as ge, c as ye, d as he } from "./index-DUh7pai4.mjs";
+import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Te = {
+  /**
+   * Unique identifier for the caption.
+   * - Access methods via `hison.component.getCaption(id)`
+   * - Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the caption wrapper (string / array / object).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, `hison-color-*`, `hison-pos-*`
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the caption element (string, object, or an array of objects).
+   * - Keep styles minimal; prefer class-based styling
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the caption.
+   * - Boolean only. Use `:visible="false"`
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Tooltip text shown on hover (maps to `title` attribute).
+   */
+  title: { type: String, required: !1 },
+  /**
+   * Text content of the caption (alternative to slot).
+   * - If default slot is pure text nodes, it is absorbed and treated as `text`
+   */
+  text: { type: String, required: !1 },
+  /**
+   * Heading level: 1~6 (rendered as <h1>~<h6>).
+   * - Default: 3
+   */
+  level: {
+    type: Number,
+    default: 3,
+    validator: (e) => Number.isFinite(e) && e >= 1 && e <= 6
+  },
+  /**
+   * Bold font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-bold-important` class when enabled
+   */
+  fontBold: { type: Boolean, default: !0 },
+  /**
+   * Italic font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-italic` class when enabled
+   */
+  fontItalic: { type: Boolean, default: !1 },
+  /**
+   * Strikethrough font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-thruline` class when enabled
+   */
+  fontThruline: { type: Boolean, default: !1 },
+  /**
+   * Underline font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-underline` class when enabled
+   */
+  fontUnderline: { type: Boolean, default: !1 },
+  /**
+   * Text alignment of the caption.
+   * - 'left' | 'center' | 'right'
+   */
+  textAlign: {
+    type: String,
+    default: null,
+    validator: (e) => e == null || de.includes(e)
+  },
+  /**
+   * Whether to show border (rendered as subtle box-shadow).
+   * - Default: false (no border)
+   */
+  border: { type: Boolean, default: !1 },
+  /**
+   * Background type.
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  backgroundType: {
+    type: String,
+    default: M.empty,
+    validator: (e) => re.includes(e)
+  }
+}, be = J({
+  name: "HCaption",
+  props: Te,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
+  setup(e, { emit: s }) {
+    const F = l(null), r = l(null), u = e.id ? e.id : ce(), B = `hcaption:${u}`, i = ve(), U = Q(), c = l(e.visible), v = l(e.title || ""), f = l(e.textAlign ?? A.left), q = o(() => ({ textAlign: f.value })), m = l(e.level ?? 3), V = o(() => `h${Math.min(6, Math.max(1, Number(m.value || 3)))}`), g = l(e.fontBold), y = l(e.fontItalic), h = l(e.fontThruline), p = l(e.fontUnderline), T = l(e.border ?? !1), b = l(e.backgroundType ?? M.empty), z = o(() => c.value ? "" : "hison-display-none"), O = o(() => T.value ? "hison-border" : ""), j = o(() => {
+      switch (b.value) {
+        case M.empty:
+          return "hison-bg-empty";
+        case M.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), G = o(() => g.value ? "hison-font-bold-important" : null), P = o(() => y.value ? "hison-font-italic" : null), K = o(() => h.value ? "hison-font-thruline" : null), X = o(() => p.value ? "hison-font-underline" : null), I = o(() => U.default ? U.default() : []), N = o(() => I.value.length > 0 && I.value.every((t) => t.type === W)), k = o(() => !!U.default && !N.value), d = l(e.text || "");
+    R(() => {
+      if (N.value) {
+        const t = I.value.map((n) => String(n.children ?? "")).join("");
+        d.value = t;
+      }
+    });
+    const S = l([]), L = () => {
+      S.value = fe(me(e.class) || "", i.value), H(S.value, "size", C.componentStyle.size), H(S.value, "color", "primary");
+    }, Y = (t) => {
+      s("click", t, r.value);
+    }, w = () => {
+      C.component.captionList[u] && C.component.captionList[u].isHisonvueComponent && console.warn(`[Hisonvue] The caption ID is at risk of being duplicated. ${u}`), ge(B, () => {
+        E(), ee(w);
+      }), L(), r.value = {
+        isHisonvueComponent: !0,
+        getId: () => u,
+        getType: () => "caption",
+        isVisible: () => c.value,
+        setVisible: (t) => {
+          c.value = t;
+        },
+        getTitle: () => v.value,
+        setTitle: (t) => {
+          v.value = t;
+        },
+        getText: () => k.value ? "" : d.value,
+        setText: (t) => {
+          k.value || (d.value = t);
+        },
+        getLevel: () => m.value,
+        setLevel: (t) => {
+          const n = Math.min(6, Math.max(1, Number(t)));
+          m.value = n;
+        },
+        getTextAlign: () => f.value,
+        setTextAlign: (t) => {
+          (t === A.left || t === A.center || t === A.right) && (f.value = t);
+        },
+        isFontBold: () => g.value,
+        setFontBold: (t) => {
+          g.value = t;
+        },
+        isFontItalic: () => y.value,
+        setFontItalic: (t) => {
+          y.value = t;
+        },
+        isFontThruline: () => h.value,
+        setFontThruline: (t) => {
+          h.value = t;
+        },
+        isFontUnderline: () => p.value,
+        setFontUnderline: (t) => {
+          p.value = t;
+        },
+        isBorder: () => T.value,
+        setBorder: (t) => {
+          T.value = t;
+        },
+        getBackgroundType: () => b.value,
+        setBackgroundType: (t) => {
+          b.value = t;
+        },
+        reload: () => ye(B)
+      }, C.component.captionList[u] = r.value, s("mounted", r.value);
+    }, E = () => {
+      he(B), delete C.component.captionList[u];
+    };
+    return R(w), Z(E), a(i, () => {
+      L(), s("responsive-change", i.value);
+    }), a(() => e.visible, (t) => {
+      t !== c.value && (c.value = !!t);
+    }), a(() => e.title, (t) => {
+      const n = t ?? "";
+      n !== v.value && (v.value = n);
+    }), a(() => e.text, (t) => {
+      if (!k.value) {
+        const n = t ?? "";
+        n !== d.value && (d.value = n);
+      }
+    }), a(() => e.level, (t) => {
+      const n = Math.min(6, Math.max(1, Number(t ?? 3)));
+      n !== m.value && (m.value = n);
+    }), a(() => e.textAlign, (t) => {
+      (t === "left" || t === "center" || t === "right") && t !== f.value && (f.value = t);
+    }), a(() => e.fontBold, (t) => {
+      const n = !!t;
+      n !== g.value && (g.value = n);
+    }), a(() => e.fontItalic, (t) => {
+      const n = !!t;
+      n !== y.value && (y.value = n);
+    }), a(() => e.fontThruline, (t) => {
+      const n = !!t;
+      n !== h.value && (h.value = n);
+    }), a(() => e.fontUnderline, (t) => {
+      const n = !!t;
+      n !== p.value && (p.value = n);
+    }), a(() => e.border, (t) => {
+      const n = !!t;
+      n !== T.value && (T.value = n);
+    }), a(() => e.backgroundType, (t) => {
+      t && t !== b.value && (b.value = t);
+    }), a(() => e.class, () => L()), {
+      captionRef: F,
+      captionMethods: o(() => _(r)),
+      props: e,
+      visibleClass: z,
+      fontBoldClass: G,
+      fontItalicClass: P,
+      fontThrulineClass: K,
+      fontUnderlineClass: X,
+      borderClass: O,
+      backgroundTypeClass: j,
+      textAlignStyle: q,
+      renderTag: V,
+      hasElementSlot: k,
+      internalText: d,
+      responsiveClassList: S,
+      onClick: Y,
+      title: v
+    };
+  }
+});
+function Ce(e, s, F, r, u, B) {
+  return $(), x("div", {
+    class: D([
+      "hison-wrapper",
+      ...e.responsiveClassList,
+      e.visibleClass
+    ])
+  }, [
+    ($(), te(ne(e.renderTag), {
+      ref: "captionRef",
+      class: D([
+        "hison-caption",
+        e.fontBoldClass,
+        e.fontItalicClass,
+        e.fontThrulineClass,
+        e.fontUnderlineClass,
+        e.borderClass,
+        e.backgroundTypeClass
+      ]),
+      style: le([e.textAlignStyle, e.props.style]),
+      title: e.title || void 0,
+      onClick: e.onClick,
+      onMousedown: s[0] || (s[0] = (i) => e.$emit("mousedown", i, e.captionMethods)),
+      onMouseup: s[1] || (s[1] = (i) => e.$emit("mouseup", i, e.captionMethods)),
+      onMouseover: s[2] || (s[2] = (i) => e.$emit("mouseover", i, e.captionMethods)),
+      onMouseout: s[3] || (s[3] = (i) => e.$emit("mouseout", i, e.captionMethods))
+    }, {
+      default: oe(() => [
+        e.hasElementSlot ? ae(e.$slots, "default", { key: 0 }) : ($(), x(se, { key: 1 }, [
+          ie(ue(e.internalText), 1)
+        ], 64))
+      ]),
+      _: 3
+    }, 40, ["class", "style", "title", "onClick"]))
+  ], 2);
+}
+const Ae = /* @__PURE__ */ pe(be, [["render", Ce]]);
+export {
+  Ae as default
+};

package/dist/HChart-C86JXUyW.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-BmKMHsSZ.js"),D=require("./_plugin-vue_export-helper-BHFhmbuH.js"),B={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},type:{type:String,required:!0},modelValue:{type:Object,required:!0},options:{type:Object,required:!1},visible:{type:Boolean,default:!0},loadDelay:{type:Number,default:500}},F=t.defineComponent({name:"HChart",props:B,emits:["update:modelValue","mounted","responsive-change"],setup(n,{emit:g,attrs:A}){const r=n.id||s.getUUID(),v=`hchart:${r}`,h=t.ref(null),o=t.ref(null),m=t.ref(n.visible),S=t.computed(()=>m.value?"":"hison-display-none"),b=s.useDevice(),c=t.ref([]),u=t.ref(!1),f=t.ref(n.loadDelay??500);let i=null,y=!0,l=!1;const w=()=>{c.value=s.extractResponsiveClasses(s.toClassString(n.class)||"",b.value),s.getIndexSpecificClassNameFromClassList(c.value,"col")===-1&&c.value.push("hison-col-12"),s.addComponentNameToClass(c.value,"size",s.hisonCloser.componentStyle.size),s.addComponentNameToClass(c.value,"color","primary")},d=e=>{if(Array.isArray(e))return e.map(a=>typeof a=="string"?s.getRGBAFromColorText(a)||a:typeof a=="object"&&a!==null?d(a):a);if(typeof e=="object"&&e!==null){const a={};for(const[p,C]of Object.entries(e))if(typeof C=="string"&&/color/i.test(p)){const L=s.getRGBAFromColorText(C);a[p]=L||C}else a[p]=d(C);return a}return e};function R(e){return!e||typeof e!="object"||!Array.isArray(e.datasets)?{datasets:[]}:{...e,datasets:e.datasets.filter(a=>!!a)}}function T(e){return!e||typeof e!="object"?{}:e}function q(){if(!y||l)return;if(!h.value){console.warn("[mountChart] canvasRef.value is null");return}w(),o.value=t.markRaw(new s.Chart(h.value,{type:n.type,data:R(d(t.toRaw(n.modelValue))),options:T(d(t.toRaw(n.options)))}));const e=o.value;e.isHisonvueComponent=!0,e.getId=()=>r,e.getType=()=>"chart",e.isVisible=()=>m.value,e.setVisible=a=>{m.value=a},e.getLoadDelay=()=>f.value,e.setLoadDelay=a=>{f.value=a},e.reload=()=>s.reloadHisonComponent(v),s.hisonCloser.component.chartList[r]&&s.hisonCloser.component.chartList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${r}`),s.hisonCloser.component.chartList[r]=e,g("mounted",s.hisonCloser.component.chartList[r])}const j=async()=>{var a;l=!0,i!==null&&(clearTimeout(i),i=null);const e=o.value;if(e)try{try{(a=e.stop)==null||a.call(e)}catch{}e.destroy()}catch{}finally{o.value=null}delete s.hisonCloser.component.chartList[r],u.value=!0,await t.nextTick()},k=async()=>{u.value&&(!y||l||(u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)))};return s.registerReloadable(v,async()=>{await j(),await k()}),t.onMounted(async()=>{u.value=!1,await t.nextTick(),i=window.setTimeout(()=>{!y||l||requestAnimationFrame(()=>{requestAnimationFrame(()=>{q()})})},f.value)}),t.onBeforeUnmount(async()=>{y=!1,i!==null&&(clearTimeout(i),i=null),await j(),s.unregisterReloadable(v)}),t.watch(b,()=>{var e;l||(w(),(e=o.value)==null||e.resize(),g("responsive-change",b.value))}),t.watch(()=>n.modelValue,e=>{u.value||l||!o.value||!e||typeof e!="object"||!Array.isArray(e.datasets)||(o.value.data=R(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.options,e=>{u.value||l||!o.value||!e||typeof e!="object"||(o.value.options=T(d(t.toRaw(e))),o.value.update("none"))},{deep:!0}),t.watch(()=>n.visible,e=>{e!==m.value&&(m.value=!!e)}),t.watch(()=>n.loadDelay,e=>{const a=Number(e);Number.isFinite(a)&&a>=0&&a!==f.value&&(f.value=a)}),t.watch(()=>n.class,()=>w()),t.watch(()=>n.type,()=>{l||s.reloadHisonComponent(v)}),{canvasRef:h,props:n,attrs:A,visibleClass:S,responsiveClassList:c,isPending:u}}});function H(n,g,A,r,v,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-chart","hison-wrapper",...n.responsiveClassList,n.visibleClass]),style:t.normalizeStyle(n.props.style)},[n.isPending?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("canvas",t.mergeProps({key:0,ref:"canvasRef"},n.attrs),null,16))],6)}const I=D._export_sfc(F,[["render",H]]);exports.default=I;

package/dist/HChart-CcArHFr0.mjs

@@ -0,0 +1,179 @@
+import { defineComponent as B, ref as d, computed as P, onMounted as U, nextTick as L, onBeforeUnmount as _, watch as i, toRaw as g, markRaw as x, createElementBlock as I, openBlock as k, normalizeStyle as V, normalizeClass as E, createCommentVNode as G, mergeProps as M } from "vue";
+import { g as J, u as K, r as Q, d as W, c as F, e as X, t as Y, a as Z, b as H, h as v, p as N, C as ee } from "./index-DUh7pai4.mjs";
+import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const ae = {
+  /**
+   * Unique identifier for the chart instance.
+   * - Use `hison.component.getChart(id)` to access chart methods at runtime.
+   * - ⚠️ Duplicate `id` values will throw at mount time.
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the chart container.
+   * - Accepts string / array / object. Works with `hison-col-*`, `hison-size-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style applied to the chart container.
+   * - Accepts string / object / array of objects (Vue style binding forms)
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * The chart type to render.
+   * - Examples: `'line'`, `'bar'`, `'doughnut'`, `'pie'`, `'radar'`, etc.
+   * - Uses Chart.js `ChartType` internally
+   * - This is a required prop.
+   */
+  type: { type: String, required: !0 },
+  /**
+   * The data object used to render the chart.
+   * - Follows the Chart.js `ChartData` structure
+   * - Supports `v-model`.
+   */
+  modelValue: { type: Object, required: !0 },
+  /**
+   * Optional configuration for the chart.
+   * - Follows the Chart.js `ChartOptions` structure
+   */
+  options: { type: Object, required: !1 },
+  /**
+   * Controls the visibility of the chart.
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Delay (ms) before recreating the chart on reload.
+   */
+  loadDelay: { type: Number, default: 500 }
+}, se = B({
+  name: "HChart",
+  props: ae,
+  emits: ["update:modelValue", "mounted", "responsive-change"],
+  setup(a, { emit: A, attrs: q }) {
+    const n = a.id || J(), m = `hchart:${n}`, h = d(null), s = d(null), y = d(a.visible), O = P(() => y.value ? "" : "hison-display-none"), w = K(), u = d([]), l = d(!1), c = d(a.loadDelay ?? 500);
+    let o = null, p = !0, r = !1;
+    const j = () => {
+      u.value = X(Y(a.class) || "", w.value), Z(u.value, "col") === -1 && u.value.push("hison-col-12"), H(u.value, "size", v.componentStyle.size), H(u.value, "color", "primary");
+    }, f = (e) => {
+      if (Array.isArray(e))
+        return e.map((t) => typeof t == "string" ? N(t) || t : typeof t == "object" && t !== null ? f(t) : t);
+      if (typeof e == "object" && e !== null) {
+        const t = {};
+        for (const [C, b] of Object.entries(e))
+          if (typeof b == "string" && /color/i.test(C)) {
+            const z = N(b);
+            t[C] = z || b;
+          } else
+            t[C] = f(b);
+        return t;
+      }
+      return e;
+    };
+    function D(e) {
+      return !e || typeof e != "object" || !Array.isArray(e.datasets) ? { datasets: [] } : {
+        ...e,
+        datasets: e.datasets.filter((t) => !!t)
+      };
+    }
+    function R(e) {
+      return !e || typeof e != "object" ? {} : e;
+    }
+    function S() {
+      if (!p || r) return;
+      if (!h.value) {
+        console.warn("[mountChart] canvasRef.value is null");
+        return;
+      }
+      j(), s.value = x(new ee(h.value, {
+        type: a.type,
+        data: D(f(g(a.modelValue))),
+        options: R(f(g(a.options)))
+      }));
+      const e = s.value;
+      e.isHisonvueComponent = !0, e.getId = () => n, e.getType = () => "chart", e.isVisible = () => y.value, e.setVisible = (t) => {
+        y.value = t;
+      }, e.getLoadDelay = () => c.value, e.setLoadDelay = (t) => {
+        c.value = t;
+      }, e.reload = () => F(m), v.component.chartList[n] && v.component.chartList[n].isHisonvueComponent && console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${n}`), v.component.chartList[n] = e, A("mounted", v.component.chartList[n]);
+    }
+    const T = async () => {
+      var t;
+      r = !0, o !== null && (clearTimeout(o), o = null);
+      const e = s.value;
+      if (e)
+        try {
+          try {
+            (t = e.stop) == null || t.call(e);
+          } catch {
+          }
+          e.destroy();
+        } catch {
+        } finally {
+          s.value = null;
+        }
+      delete v.component.chartList[n], l.value = !0, await L();
+    }, $ = async () => {
+      l.value && (!p || r || (l.value = !1, await L(), o = window.setTimeout(() => {
+        !p || r || requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            S();
+          });
+        });
+      }, c.value)));
+    };
+    return Q(m, async () => {
+      await T(), await $();
+    }), U(async () => {
+      l.value = !1, await L(), o = window.setTimeout(() => {
+        !p || r || requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            S();
+          });
+        });
+      }, c.value);
+    }), _(async () => {
+      p = !1, o !== null && (clearTimeout(o), o = null), await T(), W(m);
+    }), i(w, () => {
+      var e;
+      r || (j(), (e = s.value) == null || e.resize(), A("responsive-change", w.value));
+    }), i(() => a.modelValue, (e) => {
+      l.value || r || !s.value || !e || typeof e != "object" || !Array.isArray(e.datasets) || (s.value.data = D(f(g(e))), s.value.update("none"));
+    }, { deep: !0 }), i(() => a.options, (e) => {
+      l.value || r || !s.value || !e || typeof e != "object" || (s.value.options = R(f(g(e))), s.value.update("none"));
+    }, { deep: !0 }), i(() => a.visible, (e) => {
+      e !== y.value && (y.value = !!e);
+    }), i(() => a.loadDelay, (e) => {
+      const t = Number(e);
+      Number.isFinite(t) && t >= 0 && t !== c.value && (c.value = t);
+    }), i(() => a.class, () => j()), i(() => a.type, () => {
+      r || F(m);
+    }), {
+      canvasRef: h,
+      props: a,
+      attrs: q,
+      visibleClass: O,
+      responsiveClassList: u,
+      isPending: l
+    };
+  }
+});
+function ne(a, A, q, n, m, h) {
+  return k(), I("div", {
+    class: E(["hison-chart", "hison-wrapper", ...a.responsiveClassList, a.visibleClass]),
+    style: V(a.props.style)
+  }, [
+    a.isPending ? G("", !0) : (k(), I("canvas", M({
+      key: 0,
+      ref: "canvasRef"
+    }, a.attrs), null, 16))
+  ], 6);
+}
+const ie = /* @__PURE__ */ te(se, [["render", ne]]);
+export {
+  ie as default
+};