@lumal/datav 0.0.5-beta → 0.0.6-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @lumal/datav
2
2
 
3
+ ## 0.0.6-beta (2026-10-25)
4
+
5
+ ### Patch Changes
6
+
7
+ - 全屏容器与 Cockpit 复用轻量 @lumal/viewport 缩放算法和尺寸生命周期,保留原公开契约。
8
+ - ECharts peer 改为可选,无引擎组件不强制安装图表运行时。
9
+ - 在首次 setOption 前绑定图表事件,保证静态首帧 rendered/finished 通知。
10
+ - 固定视觉夹具的尺寸和动画时点,增加跨加载一致性与三轮视觉门禁,不放宽原快照阈值。
11
+
3
12
  ## 0.0.5-beta (2026-10-20)
4
13
 
5
14
  ### Patch Changes
package/README.md CHANGED
@@ -4,13 +4,19 @@
4
4
 
5
5
  ## 安装
6
6
 
7
- 下列命令对应工作区 0.0.5-beta;npm beta 仍为 0.0.4-beta。本轮仅验证本地 tarball,
8
- registry 存在对应版本后才可使用精确版本安装,当前也可从源码构建后 file 接入。
7
+ 下列命令面向 `0.0.6-beta`,以 registry 存在对应版本为前提;
8
+ 发布核验前使用本地构建或候选 tarball,不根据本文推断 npm 的当前 dist-tag。
9
9
 
10
10
  ```bash
11
- pnpm add @lumal/datav@0.0.5-beta vue echarts@^6
11
+ pnpm add @lumal/datav@0.0.6-beta vue@^3.5
12
+ # 仅使用 ECharts 模式或 LumalActiveRingChart 时安装。
13
+ pnpm add echarts@^6
12
14
  ```
13
15
 
16
+ 本版 ECharts 为可选 peer:仅 ECharts 图表模式与 `LumalActiveRingChart`
17
+ 需要安装,纯数字、边框和列表子入口不要求引擎。Vue 仍为必需 peer。
18
+ DataV 与 Cockpit 共享轻量 `@lumal/viewport`,保留既有全屏缩放 API 与组件行为。
19
+
14
20
  ```ts
15
21
  import { createApp } from 'vue'
16
22
  import LumalDatav from '@lumal/datav'
@@ -52,6 +58,10 @@ import '@lumal/datav/style.css'
52
58
 
53
59
  两套引擎按当前模式动态加载,实例在加载完成后创建;切换模式或卸载会使旧加载失效。`LumalActiveRingChart` 使用 ECharts 模式,不应视为无引擎组件。其他纯 SVG/数字/列表子入口不引入图表引擎;需要实例的方法应在实例创建后调用。
54
60
 
61
+ 本版在首次 `setOption` 前绑定 `events` 和 `@rendered/@finished`,静态图表也能收到首帧通知。
62
+ 不要等 `onMounted` 后才注册首帧监听。容器使用明确高度或 `minmax(0, 1fr)` 网格内容行;
63
+ 单独给父级 `min-height`,再让图表占 `height: 100%`,可能形成尺寸反馈循环。
64
+
55
65
  ## 两套 API
56
66
 
57
67
  DataV 原生配置可以直接迁移:
@@ -1 +1 @@
1
- import{n as e,t as a}from"./useReducedMotion-DAd-e0UG.js";import{t}from"./useElementSize-CKA7EtNB.js";import{t as i}from"./LumalCharts-N_sRZ49O.js";import{t as l}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{t as n}from"./LumalDigitalFlop-CroKCDIF.js";import{Fragment as o,computed as u,createElementBlock as v,createElementVNode as r,createVNode as c,defineComponent as s,mergeModels as m,normalizeStyle as f,onBeforeUnmount as d,onMounted as p,openBlock as g,renderList as b,shallowRef as y,toDisplayString as h,useModel as k,useTemplateRef as x,watch as F}from"vue";var L=["aria-label","data-active-index"],S={class:"active-ring-info"},C=["aria-label"],_=["aria-label","aria-selected","onClick"],w=/*#__PURE__*/l(/*@__PURE__*/s({__name:"LumalActiveRingChart",props:/*@__PURE__*/m({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:/*@__PURE__*/m(["select"],["update:activeKey"]),setup(l,{emit:s}){const m=l,w=s,$=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],j=k(l,"activeKey"),z=x("chartHostRef"),M=t(z),R=a(),K=e(z),T=y(0);let I;const O=u(()=>void 0!==m.items?m.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(m.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),H=u(()=>m.config.color??m.items?.map((e,a)=>e.color??$[a%$.length])??$),U=u(()=>m.config.lineWidth??20),V=u(()=>O.value[T.value]),A=u(()=>{const e=V.value?.data.value??0;if(m.config.showOriginValue)return e;const a=O.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),B=u(()=>({fill:"#fff",fontSize:25,...m.config.digitalFlopStyle})),D=u(()=>({animationCurve:m.config.animationCurve??"easeOutCubic",animationFrame:m.config.animationFrame??50,content:m.config.showOriginValue?`{nt}${m.config.digitalFlopUnit??""}`:`{nt}${m.config.digitalFlopUnit||"%"}`,number:[A.value],style:B.value,toFixed:m.config.digitalFlopToFixed??0})),E=u(()=>({fontSize:`${B.value.fontSize}px`})),G=u(()=>M.value.width>0&&M.value.height>0);function N(e,a){const t=e??a,i=Math.min(M.value.width,M.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*i}const W=u(()=>{const e=N(m.config.radius,"50%"),a=N(m.config.activeRadius,"55%"),t=U.value/2,i=O.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:H.value[a%H.value.length],opacity:a===T.value?0:1}})),l=i.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===T.value?1:0}})),n={animation:!R.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!R.value,color:[...H.value],series:[{...n,data:i,radius:[Math.max(0,e-t),e+t]},{...n,data:l,radius:[Math.max(0,a-t),a+t],z:2}]}});function q(e,a=!1){const t=O.value[e];t&&(T.value=e,j.value=t.item.key,a&&w("select",t.item))}const J=u(()=>m.interval??m.config.activeTimeGap??3e3),P=u(()=>m.autoplay&&J.value>0&&O.value.length>1&&G.value&&!K.value&&!R.value);function Q(){void 0!==I&&clearTimeout(I),I=void 0}function X(){Q(),P.value&&(I=setTimeout(()=>{O.value.length>1&&q((T.value+1)%O.value.length),X()},J.value))}return F(()=>j.value,e=>{const a=O.value.findIndex(a=>a.item.key===e);a>=0&&(T.value=a)}),F([()=>m.config,()=>m.items],function(){const e=O.value.findIndex(e=>e.item.key===j.value);T.value=e>=0?e:0}),F([P,J],X),p(X),d(Q),(e,a)=>(g(),v("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":T.value},[r("div",{ref_key:"chartHostRef",ref:z,class:"active-ring-chart-container"},[c(i,{option:W.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),r("div",S,[c(n,{class:"dv-digital-flop",config:D.value},null,8,["config"]),r("div",{class:"active-ring-name",style:f(E.value)},h(V.value?.item.label??""),5)]),r("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[(g(!0),v(o,null,b(O.value,(e,a)=>(g(),v("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===T.value,onClick:e=>q(a,!0)},h(e.item.label),9,_))),128))],8,C)],8,L))}}),[["__scopeId","data-v-5a979c59"]]);export{w as t};
1
+ import{n as e,t as a}from"./useReducedMotion-DAd-e0UG.js";import{t}from"./useElementSize-CKA7EtNB.js";import{t as i}from"./LumalCharts-CoYhWl0w.js";import{t as l}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{t as n}from"./LumalDigitalFlop-CroKCDIF.js";import{Fragment as o,computed as u,createElementBlock as v,createElementVNode as r,createVNode as c,defineComponent as s,mergeModels as m,normalizeStyle as f,onBeforeUnmount as d,onMounted as p,openBlock as g,renderList as b,shallowRef as y,toDisplayString as h,useModel as k,useTemplateRef as x,watch as F}from"vue";var L=["aria-label","data-active-index"],S={class:"active-ring-info"},C=["aria-label"],_=["aria-label","aria-selected","onClick"],w=/*#__PURE__*/l(/*@__PURE__*/s({__name:"LumalActiveRingChart",props:/*@__PURE__*/m({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:/*@__PURE__*/m(["select"],["update:activeKey"]),setup(l,{emit:s}){const m=l,w=s,$=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],j=k(l,"activeKey"),z=x("chartHostRef"),M=t(z),R=a(),K=e(z),T=y(0);let I;const O=u(()=>void 0!==m.items?m.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(m.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),H=u(()=>m.config.color??m.items?.map((e,a)=>e.color??$[a%$.length])??$),U=u(()=>m.config.lineWidth??20),V=u(()=>O.value[T.value]),A=u(()=>{const e=V.value?.data.value??0;if(m.config.showOriginValue)return e;const a=O.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),B=u(()=>({fill:"#fff",fontSize:25,...m.config.digitalFlopStyle})),D=u(()=>({animationCurve:m.config.animationCurve??"easeOutCubic",animationFrame:m.config.animationFrame??50,content:m.config.showOriginValue?`{nt}${m.config.digitalFlopUnit??""}`:`{nt}${m.config.digitalFlopUnit||"%"}`,number:[A.value],style:B.value,toFixed:m.config.digitalFlopToFixed??0})),E=u(()=>({fontSize:`${B.value.fontSize}px`})),G=u(()=>M.value.width>0&&M.value.height>0);function N(e,a){const t=e??a,i=Math.min(M.value.width,M.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*i}const W=u(()=>{const e=N(m.config.radius,"50%"),a=N(m.config.activeRadius,"55%"),t=U.value/2,i=O.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:H.value[a%H.value.length],opacity:a===T.value?0:1}})),l=i.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===T.value?1:0}})),n={animation:!R.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!R.value,color:[...H.value],series:[{...n,data:i,radius:[Math.max(0,e-t),e+t]},{...n,data:l,radius:[Math.max(0,a-t),a+t],z:2}]}});function q(e,a=!1){const t=O.value[e];t&&(T.value=e,j.value=t.item.key,a&&w("select",t.item))}const J=u(()=>m.interval??m.config.activeTimeGap??3e3),P=u(()=>m.autoplay&&J.value>0&&O.value.length>1&&G.value&&!K.value&&!R.value);function Q(){void 0!==I&&clearTimeout(I),I=void 0}function X(){Q(),P.value&&(I=setTimeout(()=>{O.value.length>1&&q((T.value+1)%O.value.length),X()},J.value))}return F(()=>j.value,e=>{const a=O.value.findIndex(a=>a.item.key===e);a>=0&&(T.value=a)}),F([()=>m.config,()=>m.items],function(){const e=O.value.findIndex(e=>e.item.key===j.value);T.value=e>=0?e:0}),F([P,J],X),p(X),d(Q),(e,a)=>(g(),v("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":T.value},[r("div",{ref_key:"chartHostRef",ref:z,class:"active-ring-chart-container"},[c(i,{option:W.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),r("div",S,[c(n,{class:"dv-digital-flop",config:D.value},null,8,["config"]),r("div",{class:"active-ring-name",style:f(E.value)},h(V.value?.item.label??""),5)]),r("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[(g(!0),v(o,null,b(O.value,(e,a)=>(g(),v("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===T.value,onClick:e=>q(a,!0)},h(e.item.label),9,_))),128))],8,C)],8,L))}}),[["__scopeId","data-v-5a979c59"]]);export{w as t};
@@ -1 +1 @@
1
- const e=require("./useReducedMotion-BSGaaiA-.cjs"),a=require("./useElementSize-CZjD5sCp.cjs"),t=require("./LumalCharts-CGxZnT5N.cjs"),l=require("./_plugin-vue_export-helper-BXystuG9.cjs"),i=require("./LumalDigitalFlop-Dq-czbRg.cjs");let o=require("vue");var n=["aria-label","data-active-index"],u={class:"active-ring-info"},c=["aria-label"],r=["aria-label","aria-selected","onClick"],d=(0,o.defineComponent)({__name:"LumalActiveRingChart",props:(0,o.mergeModels)({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:(0,o.mergeModels)(["select"],["update:activeKey"]),setup(l,{emit:d}){const v=l,m=d,s=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],f=(0,o.useModel)(l,"activeKey"),p=(0,o.useTemplateRef)("chartHostRef"),g=a.useElementSize(p),b=e.useReducedMotion(),y=e.useAnimationPause(p),h=(0,o.shallowRef)(0);let k;const _=(0,o.computed)(()=>void 0!==v.items?v.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(v.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),x=(0,o.computed)(()=>v.config.color??v.items?.map((e,a)=>e.color??s[a%s.length])??s),F=(0,o.computed)(()=>v.config.lineWidth??20),L=(0,o.computed)(()=>_.value[h.value]),S=(0,o.computed)(()=>{const e=L.value?.data.value??0;if(v.config.showOriginValue)return e;const a=_.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),w=(0,o.computed)(()=>({fill:"#fff",fontSize:25,...v.config.digitalFlopStyle})),C=(0,o.computed)(()=>({animationCurve:v.config.animationCurve??"easeOutCubic",animationFrame:v.config.animationFrame??50,content:v.config.showOriginValue?`{nt}${v.config.digitalFlopUnit??""}`:`{nt}${v.config.digitalFlopUnit||"%"}`,number:[S.value],style:w.value,toFixed:v.config.digitalFlopToFixed??0})),M=(0,o.computed)(()=>({fontSize:`${w.value.fontSize}px`})),E=(0,o.computed)(()=>g.value.width>0&&g.value.height>0);function R(e,a){const t=e??a,l=Math.min(g.value.width,g.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*l}const B=(0,o.computed)(()=>{const e=R(v.config.radius,"50%"),a=R(v.config.activeRadius,"55%"),t=F.value/2,l=_.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:x.value[a%x.value.length],opacity:a===h.value?0:1}})),i=l.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===h.value?1:0}})),o={animation:!b.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!b.value,color:[...x.value],series:[{...o,data:l,radius:[Math.max(0,e-t),e+t]},{...o,data:i,radius:[Math.max(0,a-t),a+t],z:2}]}});function V(e,a=!1){const t=_.value[e];t&&(h.value=e,f.value=t.item.key,a&&m("select",t.item))}const z=(0,o.computed)(()=>v.interval??v.config.activeTimeGap??3e3),N=(0,o.computed)(()=>v.autoplay&&z.value>0&&_.value.length>1&&E.value&&!y.value&&!b.value);function j(){void 0!==k&&clearTimeout(k),k=void 0}function q(){j(),N.value&&(k=setTimeout(()=>{_.value.length>1&&V((h.value+1)%_.value.length),q()},z.value))}return(0,o.watch)(()=>f.value,e=>{const a=_.value.findIndex(a=>a.item.key===e);a>=0&&(h.value=a)}),(0,o.watch)([()=>v.config,()=>v.items],function(){const e=_.value.findIndex(e=>e.item.key===f.value);h.value=e>=0?e:0}),(0,o.watch)([N,z],q),(0,o.onMounted)(q),(0,o.onBeforeUnmount)(j),(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":h.value},[(0,o.createElementVNode)("div",{ref_key:"chartHostRef",ref:p,class:"active-ring-chart-container"},[(0,o.createVNode)(t.LumalCharts_default,{option:B.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),(0,o.createElementVNode)("div",u,[(0,o.createVNode)(i.LumalDigitalFlop_default,{class:"dv-digital-flop",config:C.value},null,8,["config"]),(0,o.createElementVNode)("div",{class:"active-ring-name",style:(0,o.normalizeStyle)(M.value)},(0,o.toDisplayString)(L.value?.item.label??""),5)]),(0,o.createElementVNode)("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(_.value,(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===h.value,onClick:e=>V(a,!0)},(0,o.toDisplayString)(e.item.label),9,r))),128))],8,c)],8,n))}}),v=l._plugin_vue_export_helper_default(d,[["__scopeId","data-v-5a979c59"]]);Object.defineProperty(exports,"LumalActiveRingChart_default",{enumerable:!0,get:function(){return v}});
1
+ const e=require("./useReducedMotion-BSGaaiA-.cjs"),a=require("./useElementSize-CZjD5sCp.cjs"),t=require("./LumalCharts-DwSXLZ_M.cjs"),l=require("./_plugin-vue_export-helper-BXystuG9.cjs"),i=require("./LumalDigitalFlop-Dq-czbRg.cjs");let o=require("vue");var n=["aria-label","data-active-index"],u={class:"active-ring-info"},c=["aria-label"],r=["aria-label","aria-selected","onClick"],d=(0,o.defineComponent)({__name:"LumalActiveRingChart",props:(0,o.mergeModels)({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:(0,o.mergeModels)(["select"],["update:activeKey"]),setup(l,{emit:d}){const v=l,m=d,s=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],f=(0,o.useModel)(l,"activeKey"),p=(0,o.useTemplateRef)("chartHostRef"),g=a.useElementSize(p),b=e.useReducedMotion(),y=e.useAnimationPause(p),h=(0,o.shallowRef)(0);let k;const _=(0,o.computed)(()=>void 0!==v.items?v.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(v.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),x=(0,o.computed)(()=>v.config.color??v.items?.map((e,a)=>e.color??s[a%s.length])??s),F=(0,o.computed)(()=>v.config.lineWidth??20),L=(0,o.computed)(()=>_.value[h.value]),S=(0,o.computed)(()=>{const e=L.value?.data.value??0;if(v.config.showOriginValue)return e;const a=_.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),w=(0,o.computed)(()=>({fill:"#fff",fontSize:25,...v.config.digitalFlopStyle})),C=(0,o.computed)(()=>({animationCurve:v.config.animationCurve??"easeOutCubic",animationFrame:v.config.animationFrame??50,content:v.config.showOriginValue?`{nt}${v.config.digitalFlopUnit??""}`:`{nt}${v.config.digitalFlopUnit||"%"}`,number:[S.value],style:w.value,toFixed:v.config.digitalFlopToFixed??0})),M=(0,o.computed)(()=>({fontSize:`${w.value.fontSize}px`})),E=(0,o.computed)(()=>g.value.width>0&&g.value.height>0);function R(e,a){const t=e??a,l=Math.min(g.value.width,g.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*l}const B=(0,o.computed)(()=>{const e=R(v.config.radius,"50%"),a=R(v.config.activeRadius,"55%"),t=F.value/2,l=_.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:x.value[a%x.value.length],opacity:a===h.value?0:1}})),i=l.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===h.value?1:0}})),o={animation:!b.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!b.value,color:[...x.value],series:[{...o,data:l,radius:[Math.max(0,e-t),e+t]},{...o,data:i,radius:[Math.max(0,a-t),a+t],z:2}]}});function V(e,a=!1){const t=_.value[e];t&&(h.value=e,f.value=t.item.key,a&&m("select",t.item))}const z=(0,o.computed)(()=>v.interval??v.config.activeTimeGap??3e3),N=(0,o.computed)(()=>v.autoplay&&z.value>0&&_.value.length>1&&E.value&&!y.value&&!b.value);function j(){void 0!==k&&clearTimeout(k),k=void 0}function q(){j(),N.value&&(k=setTimeout(()=>{_.value.length>1&&V((h.value+1)%_.value.length),q()},z.value))}return(0,o.watch)(()=>f.value,e=>{const a=_.value.findIndex(a=>a.item.key===e);a>=0&&(h.value=a)}),(0,o.watch)([()=>v.config,()=>v.items],function(){const e=_.value.findIndex(e=>e.item.key===f.value);h.value=e>=0?e:0}),(0,o.watch)([N,z],q),(0,o.onMounted)(q),(0,o.onBeforeUnmount)(j),(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":h.value},[(0,o.createElementVNode)("div",{ref_key:"chartHostRef",ref:p,class:"active-ring-chart-container"},[(0,o.createVNode)(t.LumalCharts_default,{option:B.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),(0,o.createElementVNode)("div",u,[(0,o.createVNode)(i.LumalDigitalFlop_default,{class:"dv-digital-flop",config:C.value},null,8,["config"]),(0,o.createElementVNode)("div",{class:"active-ring-name",style:(0,o.normalizeStyle)(M.value)},(0,o.toDisplayString)(L.value?.item.label??""),5)]),(0,o.createElementVNode)("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(_.value,(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===h.value,onClick:e=>V(a,!0)},(0,o.toDisplayString)(e.item.label),9,r))),128))],8,c)],8,n))}}),v=l._plugin_vue_export_helper_default(d,[["__scopeId","data-v-5a979c59"]]);Object.defineProperty(exports,"LumalActiveRingChart_default",{enumerable:!0,get:function(){return v}});
@@ -1 +1 @@
1
- import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createElementBlock as i,createElementVNode as a,defineComponent as o,nextTick as n,onBeforeUnmount as l,onMounted as u,openBlock as r,shallowRef as s,useAttrs as d,useTemplateRef as v,watch as c,watchEffect as f}from"vue";var p=["aria-label","data-renderer"],h=/*#__PURE__*/e(/*@__PURE__*/o({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:o}){const h=e,g=d(),m=v("rootRef"),w=v("chartHostRef"),O=s(),y=s(),L=/* @__PURE__ */new Map,b=t(()=>void 0!==h.config),R=t(()=>h.ariaLabel??(b.value?"DataV 图表":"ECharts 图表"));let z,_=0,x=!1,C=!1,E=!1,D=!1,T=0;function j(){const e=w.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),i=Math.floor(e.clientHeight);return t<=0||i<=0?void 0:{height:i,width:t}}function A(){_&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(_):clearTimeout(_),_=0)}function F(){const e=O.value;e&&(L.forEach((t,i)=>e.off(i,t)),L.clear(),function(){const e=/* @__PURE__ */new Map;return Object.entries(h.events).forEach(([t,i])=>e.set(t.toLowerCase(),i)),Object.entries(g).forEach(([t,i])=>{const a=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);a&&"function"==typeof i&&e.set(a,i)}),e}().forEach((t,i)=>{e.on(i,t),L.set(i,t)}))}function H(){T+=1,y.value?.render.graphs.forEach(e=>e.animationEnd()),y.value=void 0,L.clear(),O.value?.dispose(),O.value=void 0,w.value?.replaceChildren()}function P(e){const t=O.value;t&&j()?(h.setOptionOptions?t.setOption(e,h.setOptionOptions):t.setOption(e),x=!1):x=!0}function W(e,t=!0){y.value&&j()?(y.value.setOption(e,t),C=!1):C=!0}async function M(){const e=w.value,t=j();if(!E||!e||!t)return;H();const i=T,a=b.value;try{const t=a?await import("@jiaminghi/charts"):await import("echarts");if(!E||i!==T||!j())return;if(a){const i=t,a=new("default"in i.default?i.default.default:i.default)(e);return y.value=a,a.setOption(h.config??{}),void(C=!1)}const o=j(),n={...h.initOptions,height:h.initOptions?.height??o.height,width:h.initOptions?.width??o.width},l=t.init(e,h.theme,n);O.value=l,h.group&&(l.group=h.group),P(h.option),F(),h.loading&&l.showLoading(h.loadingType,h.loadingOptions)}catch(o){E&&i===T&&console.error("[datav] 图表运行时加载失败",o)}}function U(e){A();const t=()=>{_=0;const t=j();t&&(y.value||O.value?(y.value?y.value.resize():O.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),j()&&(y.value&&C&&void 0!==h.config&&W(h.config),O.value&&x&&P(h.option))):M())};_="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function k(){j()&&(y.value||O.value?U():M())}function I(){if(!h.autoResize)return;const e=m.value;if(e&&"undefined"!=typeof ResizeObserver)return z=new ResizeObserver(k),void z.observe(e);"undefined"==typeof window||D||(window.addEventListener("resize",k,{passive:!0}),D=!0)}function q(){z?.disconnect(),z=void 0,D&&"undefined"!=typeof window&&(window.removeEventListener("resize",k),D=!1)}return c(()=>h.config,e=>{void 0!==e&&W(e)},{deep:!1}),c(()=>h.option,e=>{b.value||P(e)},{deep:!1}),c(b,()=>{n(M)}),c(()=>h.group,e=>{O.value&&(O.value.group=e??"")}),f(()=>{Object.keys(g),h.events,F()}),c(()=>h.loading,e=>{const t=O.value;t&&j()&&(e?t.showLoading(h.loadingType,h.loadingOptions):t.hideLoading())}),c(()=>[h.theme,h.initOptions],()=>{b.value||n(M)},{deep:!1}),c(()=>h.autoResize,()=>{E&&(q(),I(),k())}),u(async()=>{E=!0,await n(),E&&(I(),M())}),l(()=>{E=!1,A(),q(),H()}),o({appendData:(...e)=>O.value?.appendData(...e),clear:()=>y.value?y.value.setOption({},!0):O.value?.clear(),containPixel:(...e)=>O.value?.containPixel(...e),convertFromPixel:(...e)=>O.value?.convertFromPixel(...e),convertToPixel:(...e)=>O.value?.convertToPixel(...e),dispatchAction:(...e)=>O.value?.dispatchAction(...e),dispose:H,getConnectedDataURL:(...e)=>O.value?.getConnectedDataURL(...e),getDataURL:(...e)=>O.value?.getDataURL(...e),getHeight:()=>y.value?w.value?.clientHeight:O.value?.getHeight(),getInstance:()=>y.value??O.value,getNativeInstance:()=>y.value,getOption:()=>y.value?.option??O.value?.getOption(),getWidth:()=>y.value?w.value?.clientWidth:O.value?.getWidth(),hideLoading:()=>O.value?.hideLoading(),off:(...e)=>O.value?.off(...e),on:(...e)=>O.value?.on(...e),resize:e=>U(e),setConfig:(e,t=!0)=>W(e,t),setOption:(e,t)=>{if(y.value)W(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!j())return void(x=!0);O.value?.setOption(e,t)}else P(e)},showLoading:(...e)=>O.value?.showLoading(...e)}),(e,t)=>(r(),i("div",{ref_key:"rootRef",ref:m,class:"lumal-charts",role:"img","aria-label":R.value,"data-renderer":b.value?"datav":"echarts"},[a("div",{ref_key:"chartHostRef",ref:w,class:"lumal-charts__host"},null,512)],8,p))}}),[["__scopeId","data-v-7a31b8ec"]]);export{h as t};
1
+ import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createElementBlock as i,createElementVNode as o,defineComponent as a,nextTick as n,onBeforeUnmount as l,onMounted as u,openBlock as r,shallowRef as s,useAttrs as d,useTemplateRef as v,watch as c,watchEffect as f}from"vue";var p=["aria-label","data-renderer"],h=/*#__PURE__*/e(/*@__PURE__*/a({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:a}){const h=e,g=d(),m=v("rootRef"),w=v("chartHostRef"),O=s(),y=s(),L=/* @__PURE__ */new Map,R=t(()=>void 0!==h.config),b=t(()=>h.ariaLabel??(R.value?"DataV 图表":"ECharts 图表"));let z,_=0,x=!1,C=!1,E=!1,D=!1,T=0;function j(){const e=w.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),i=Math.floor(e.clientHeight);return t<=0||i<=0?void 0:{height:i,width:t}}function A(){_&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(_):clearTimeout(_),_=0)}function F(){const e=O.value;e&&(L.forEach((t,i)=>e.off(i,t)),L.clear(),function(){const e=/* @__PURE__ */new Map;return Object.entries(h.events).forEach(([t,i])=>e.set(t.toLowerCase(),i)),Object.entries(g).forEach(([t,i])=>{const o=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);o&&"function"==typeof i&&e.set(o,i)}),e}().forEach((t,i)=>{e.on(i,t),L.set(i,t)}))}function H(){T+=1,y.value?.render.graphs.forEach(e=>e.animationEnd()),y.value=void 0,L.clear(),O.value?.dispose(),O.value=void 0,w.value?.replaceChildren()}function P(e){const t=O.value;t&&j()?(h.setOptionOptions?t.setOption(e,h.setOptionOptions):t.setOption(e),x=!1):x=!0}function W(e,t=!0){y.value&&j()?(y.value.setOption(e,t),C=!1):C=!0}async function M(){const e=w.value,t=j();if(!E||!e||!t)return;H();const i=T,o=R.value;try{const t=o?await import("@jiaminghi/charts"):await import("echarts");if(!E||i!==T||!j())return;if(o){const i=t,o=new("default"in i.default?i.default.default:i.default)(e);return y.value=o,o.setOption(h.config??{}),void(C=!1)}const a=j(),n={...h.initOptions,height:h.initOptions?.height??a.height,width:h.initOptions?.width??a.width},l=t.init(e,h.theme,n);O.value=l,h.group&&(l.group=h.group),F(),P(h.option),h.loading&&l.showLoading(h.loadingType,h.loadingOptions)}catch(a){E&&i===T&&console.error("[datav] 图表运行时加载失败",a)}}function U(e){A();const t=()=>{_=0;const t=j();t&&(y.value||O.value?(y.value?y.value.resize():O.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),j()&&(y.value&&C&&void 0!==h.config&&W(h.config),O.value&&x&&P(h.option))):M())};_="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function k(){j()&&(y.value||O.value?U():M())}function I(){if(!h.autoResize)return;const e=m.value;if(e&&"undefined"!=typeof ResizeObserver)return z=new ResizeObserver(k),void z.observe(e);"undefined"==typeof window||D||(window.addEventListener("resize",k,{passive:!0}),D=!0)}function q(){z?.disconnect(),z=void 0,D&&"undefined"!=typeof window&&(window.removeEventListener("resize",k),D=!1)}return c(()=>h.config,e=>{void 0!==e&&W(e)},{deep:!1}),c(()=>h.option,e=>{R.value||P(e)},{deep:!1}),c(R,()=>{n(M)}),c(()=>h.group,e=>{O.value&&(O.value.group=e??"")}),f(()=>{Object.keys(g),h.events,F()}),c(()=>h.loading,e=>{const t=O.value;t&&j()&&(e?t.showLoading(h.loadingType,h.loadingOptions):t.hideLoading())}),c(()=>[h.theme,h.initOptions],()=>{R.value||n(M)},{deep:!1}),c(()=>h.autoResize,()=>{E&&(q(),I(),k())}),u(async()=>{E=!0,await n(),E&&(I(),M())}),l(()=>{E=!1,A(),q(),H()}),a({appendData:(...e)=>O.value?.appendData(...e),clear:()=>y.value?y.value.setOption({},!0):O.value?.clear(),containPixel:(...e)=>O.value?.containPixel(...e),convertFromPixel:(...e)=>O.value?.convertFromPixel(...e),convertToPixel:(...e)=>O.value?.convertToPixel(...e),dispatchAction:(...e)=>O.value?.dispatchAction(...e),dispose:H,getConnectedDataURL:(...e)=>O.value?.getConnectedDataURL(...e),getDataURL:(...e)=>O.value?.getDataURL(...e),getHeight:()=>y.value?w.value?.clientHeight:O.value?.getHeight(),getInstance:()=>y.value??O.value,getNativeInstance:()=>y.value,getOption:()=>y.value?.option??O.value?.getOption(),getWidth:()=>y.value?w.value?.clientWidth:O.value?.getWidth(),hideLoading:()=>O.value?.hideLoading(),off:(...e)=>O.value?.off(...e),on:(...e)=>O.value?.on(...e),resize:e=>U(e),setConfig:(e,t=!0)=>W(e,t),setOption:(e,t)=>{if(y.value)W(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!j())return void(x=!0);O.value?.setOption(e,t)}else P(e)},showLoading:(...e)=>O.value?.showLoading(...e)}),(e,t)=>(r(),i("div",{ref_key:"rootRef",ref:m,class:"lumal-charts",role:"img","aria-label":b.value,"data-renderer":R.value?"datav":"echarts"},[o("div",{ref_key:"chartHostRef",ref:w,class:"lumal-charts__host"},null,512)],8,p))}}),[["__scopeId","data-v-d6c1141e"]]);export{h as t};
@@ -1 +1 @@
1
- const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue");var a=["aria-label","data-renderer"],n=(0,t.defineComponent)({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:n}){const o=e,i=(0,t.useAttrs)(),l=(0,t.useTemplateRef)("rootRef"),u=(0,t.useTemplateRef)("chartHostRef"),r=(0,t.shallowRef)(),s=(0,t.shallowRef)(),c=new Map,d=(0,t.computed)(()=>void 0!==o.config),v=(0,t.computed)(()=>o.ariaLabel??(d.value?"DataV 图表":"ECharts 图表"));let f,p=0,h=!1,g=!1,w=!1,m=!1,O=0;function y(){const e=u.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),a=Math.floor(e.clientHeight);return t<=0||a<=0?void 0:{height:a,width:t}}function L(){p&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(p):clearTimeout(p),p=0)}function R(){const e=r.value;e&&(c.forEach((t,a)=>e.off(a,t)),c.clear(),function(){const e=new Map;return Object.entries(o.events).forEach(([t,a])=>e.set(t.toLowerCase(),a)),Object.entries(i).forEach(([t,a])=>{const n=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);n&&"function"==typeof a&&e.set(n,a)}),e}().forEach((t,a)=>{e.on(a,t),c.set(a,t)}))}function _(){O+=1,s.value?.render.graphs.forEach(e=>e.animationEnd()),s.value=void 0,c.clear(),r.value?.dispose(),r.value=void 0,u.value?.replaceChildren()}function b(e){const t=r.value;t&&y()?(o.setOptionOptions?t.setOption(e,o.setOptionOptions):t.setOption(e),h=!1):h=!0}function x(e,t=!0){s.value&&y()?(s.value.setOption(e,t),g=!1):g=!0}async function E(){const e=u.value,t=y();if(!w||!e||!t)return;_();const a=O,n=d.value;try{const t=n?await import("@jiaminghi/charts"):await import("echarts");if(!w||a!==O||!y())return;if(n){const a=t,n=new("default"in a.default?a.default.default:a.default)(e);return s.value=n,n.setOption(o.config??{}),void(g=!1)}const i=y(),l={...o.initOptions,height:o.initOptions?.height??i.height,width:o.initOptions?.width??i.width},u=t.init(e,o.theme,l);r.value=u,o.group&&(u.group=o.group),b(o.option),R(),o.loading&&u.showLoading(o.loadingType,o.loadingOptions)}catch(i){w&&a===O&&console.error("[datav] 图表运行时加载失败",i)}}function T(e){L();const t=()=>{p=0;const t=y();t&&(s.value||r.value?(s.value?s.value.resize():r.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),y()&&(s.value&&g&&void 0!==o.config&&x(o.config),r.value&&h&&b(o.option))):E())};p="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function C(){y()&&(s.value||r.value?T():E())}function z(){if(!o.autoResize)return;const e=l.value;if(e&&"undefined"!=typeof ResizeObserver)return f=new ResizeObserver(C),void f.observe(e);"undefined"==typeof window||m||(window.addEventListener("resize",C,{passive:!0}),m=!0)}function k(){f?.disconnect(),f=void 0,m&&"undefined"!=typeof window&&(window.removeEventListener("resize",C),m=!1)}return(0,t.watch)(()=>o.config,e=>{void 0!==e&&x(e)},{deep:!1}),(0,t.watch)(()=>o.option,e=>{d.value||b(e)},{deep:!1}),(0,t.watch)(d,()=>{(0,t.nextTick)(E)}),(0,t.watch)(()=>o.group,e=>{r.value&&(r.value.group=e??"")}),(0,t.watchEffect)(()=>{Object.keys(i),o.events,R()}),(0,t.watch)(()=>o.loading,e=>{const t=r.value;t&&y()&&(e?t.showLoading(o.loadingType,o.loadingOptions):t.hideLoading())}),(0,t.watch)(()=>[o.theme,o.initOptions],()=>{d.value||(0,t.nextTick)(E)},{deep:!1}),(0,t.watch)(()=>o.autoResize,()=>{w&&(k(),z(),C())}),(0,t.onMounted)(async()=>{w=!0,await(0,t.nextTick)(),w&&(z(),E())}),(0,t.onBeforeUnmount)(()=>{w=!1,L(),k(),_()}),n({appendData:(...e)=>r.value?.appendData(...e),clear:()=>s.value?s.value.setOption({},!0):r.value?.clear(),containPixel:(...e)=>r.value?.containPixel(...e),convertFromPixel:(...e)=>r.value?.convertFromPixel(...e),convertToPixel:(...e)=>r.value?.convertToPixel(...e),dispatchAction:(...e)=>r.value?.dispatchAction(...e),dispose:_,getConnectedDataURL:(...e)=>r.value?.getConnectedDataURL(...e),getDataURL:(...e)=>r.value?.getDataURL(...e),getHeight:()=>s.value?u.value?.clientHeight:r.value?.getHeight(),getInstance:()=>s.value??r.value,getNativeInstance:()=>s.value,getOption:()=>s.value?.option??r.value?.getOption(),getWidth:()=>s.value?u.value?.clientWidth:r.value?.getWidth(),hideLoading:()=>r.value?.hideLoading(),off:(...e)=>r.value?.off(...e),on:(...e)=>r.value?.on(...e),resize:e=>T(e),setConfig:(e,t=!0)=>x(e,t),setOption:(e,t)=>{if(s.value)x(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!y())return void(h=!0);r.value?.setOption(e,t)}else b(e)},showLoading:(...e)=>r.value?.showLoading(...e)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:l,class:"lumal-charts",role:"img","aria-label":v.value,"data-renderer":d.value?"datav":"echarts"},[(0,t.createElementVNode)("div",{ref_key:"chartHostRef",ref:u,class:"lumal-charts__host"},null,512)],8,a))}}),o=e._plugin_vue_export_helper_default(n,[["__scopeId","data-v-7a31b8ec"]]);Object.defineProperty(exports,"LumalCharts_default",{enumerable:!0,get:function(){return o}});
1
+ const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue");var a=["aria-label","data-renderer"],n=(0,t.defineComponent)({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:n}){const o=e,i=(0,t.useAttrs)(),l=(0,t.useTemplateRef)("rootRef"),u=(0,t.useTemplateRef)("chartHostRef"),r=(0,t.shallowRef)(),s=(0,t.shallowRef)(),c=new Map,d=(0,t.computed)(()=>void 0!==o.config),v=(0,t.computed)(()=>o.ariaLabel??(d.value?"DataV 图表":"ECharts 图表"));let f,p=0,h=!1,g=!1,w=!1,m=!1,O=0;function y(){const e=u.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),a=Math.floor(e.clientHeight);return t<=0||a<=0?void 0:{height:a,width:t}}function L(){p&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(p):clearTimeout(p),p=0)}function R(){const e=r.value;e&&(c.forEach((t,a)=>e.off(a,t)),c.clear(),function(){const e=new Map;return Object.entries(o.events).forEach(([t,a])=>e.set(t.toLowerCase(),a)),Object.entries(i).forEach(([t,a])=>{const n=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);n&&"function"==typeof a&&e.set(n,a)}),e}().forEach((t,a)=>{e.on(a,t),c.set(a,t)}))}function _(){O+=1,s.value?.render.graphs.forEach(e=>e.animationEnd()),s.value=void 0,c.clear(),r.value?.dispose(),r.value=void 0,u.value?.replaceChildren()}function b(e){const t=r.value;t&&y()?(o.setOptionOptions?t.setOption(e,o.setOptionOptions):t.setOption(e),h=!1):h=!0}function x(e,t=!0){s.value&&y()?(s.value.setOption(e,t),g=!1):g=!0}async function E(){const e=u.value,t=y();if(!w||!e||!t)return;_();const a=O,n=d.value;try{const t=n?await import("@jiaminghi/charts"):await import("echarts");if(!w||a!==O||!y())return;if(n){const a=t,n=new("default"in a.default?a.default.default:a.default)(e);return s.value=n,n.setOption(o.config??{}),void(g=!1)}const i=y(),l={...o.initOptions,height:o.initOptions?.height??i.height,width:o.initOptions?.width??i.width},u=t.init(e,o.theme,l);r.value=u,o.group&&(u.group=o.group),R(),b(o.option),o.loading&&u.showLoading(o.loadingType,o.loadingOptions)}catch(i){w&&a===O&&console.error("[datav] 图表运行时加载失败",i)}}function T(e){L();const t=()=>{p=0;const t=y();t&&(s.value||r.value?(s.value?s.value.resize():r.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),y()&&(s.value&&g&&void 0!==o.config&&x(o.config),r.value&&h&&b(o.option))):E())};p="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function C(){y()&&(s.value||r.value?T():E())}function z(){if(!o.autoResize)return;const e=l.value;if(e&&"undefined"!=typeof ResizeObserver)return f=new ResizeObserver(C),void f.observe(e);"undefined"==typeof window||m||(window.addEventListener("resize",C,{passive:!0}),m=!0)}function k(){f?.disconnect(),f=void 0,m&&"undefined"!=typeof window&&(window.removeEventListener("resize",C),m=!1)}return(0,t.watch)(()=>o.config,e=>{void 0!==e&&x(e)},{deep:!1}),(0,t.watch)(()=>o.option,e=>{d.value||b(e)},{deep:!1}),(0,t.watch)(d,()=>{(0,t.nextTick)(E)}),(0,t.watch)(()=>o.group,e=>{r.value&&(r.value.group=e??"")}),(0,t.watchEffect)(()=>{Object.keys(i),o.events,R()}),(0,t.watch)(()=>o.loading,e=>{const t=r.value;t&&y()&&(e?t.showLoading(o.loadingType,o.loadingOptions):t.hideLoading())}),(0,t.watch)(()=>[o.theme,o.initOptions],()=>{d.value||(0,t.nextTick)(E)},{deep:!1}),(0,t.watch)(()=>o.autoResize,()=>{w&&(k(),z(),C())}),(0,t.onMounted)(async()=>{w=!0,await(0,t.nextTick)(),w&&(z(),E())}),(0,t.onBeforeUnmount)(()=>{w=!1,L(),k(),_()}),n({appendData:(...e)=>r.value?.appendData(...e),clear:()=>s.value?s.value.setOption({},!0):r.value?.clear(),containPixel:(...e)=>r.value?.containPixel(...e),convertFromPixel:(...e)=>r.value?.convertFromPixel(...e),convertToPixel:(...e)=>r.value?.convertToPixel(...e),dispatchAction:(...e)=>r.value?.dispatchAction(...e),dispose:_,getConnectedDataURL:(...e)=>r.value?.getConnectedDataURL(...e),getDataURL:(...e)=>r.value?.getDataURL(...e),getHeight:()=>s.value?u.value?.clientHeight:r.value?.getHeight(),getInstance:()=>s.value??r.value,getNativeInstance:()=>s.value,getOption:()=>s.value?.option??r.value?.getOption(),getWidth:()=>s.value?u.value?.clientWidth:r.value?.getWidth(),hideLoading:()=>r.value?.hideLoading(),off:(...e)=>r.value?.off(...e),on:(...e)=>r.value?.on(...e),resize:e=>T(e),setConfig:(e,t=!0)=>x(e,t),setOption:(e,t)=>{if(s.value)x(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!y())return void(h=!0);r.value?.setOption(e,t)}else b(e)},showLoading:(...e)=>r.value?.showLoading(...e)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:l,class:"lumal-charts",role:"img","aria-label":v.value,"data-renderer":d.value?"datav":"echarts"},[(0,t.createElementVNode)("div",{ref_key:"chartHostRef",ref:u,class:"lumal-charts__host"},null,512)],8,a))}}),o=e._plugin_vue_export_helper_default(n,[["__scopeId","data-v-d6c1141e"]]);Object.defineProperty(exports,"LumalCharts_default",{enumerable:!0,get:function(){return o}});
@@ -0,0 +1 @@
1
+ const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue"),r=require("@lumal/viewport");function n(e,t,n,a){return(0,r.computeViewportScale)(e,t,n,a)}function a(e,t){const{result:n,ready:a,measure:l}=(0,r.useViewportScale)({target:e,designWidth:t.designWidth,designHeight:t.designHeight});return{result:n,ready:a,measure:l}}var l=["data-mode"],u=(0,t.defineComponent)({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const r=e,n=(0,t.useTemplateRef)("containerRef"),u=(0,t.computed)(()=>r.width??("undefined"==typeof screen?1920:screen.width)),i=(0,t.computed)(()=>r.height??("undefined"==typeof screen?1080:screen.height)),{result:o,ready:d}=a(n,{designHeight:()=>i.value,designWidth:()=>u.value}),s=(0,t.computed)(()=>{if("vwvh"===r.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,u.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,i.value)+"vh"};if("scale"===r.mode)return{height:`${i.value}px`,transform:`translate(${o.value.offsetX}px, ${o.value.offsetY}px) scale(${o.value.scale})`,transformOrigin:"top left",width:`${u.value}px`};const e=(o.value.containerWidth||u.value)/Math.max(1,u.value);return{height:`${i.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${u.value}px`}});return(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"containerRef",ref:n,class:"lumal-full-screen-container","data-mode":e.mode,style:(0,t.normalizeStyle)({zIndex:e.zIndex})},[(0,t.createElementVNode)("div",{class:"lumal-full-screen-container__stage",style:(0,t.normalizeStyle)(s.value)},[(0,t.unref)(d)?(0,t.renderSlot)(r.$slots,"default",{key:0},void 0,!0):(0,t.createCommentVNode)("",!0)],4)],12,l))}}),i=e._plugin_vue_export_helper_default(u,[["__scopeId","data-v-9931d1a8"]]);Object.defineProperty(exports,"LumalFullScreenContainer_default",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"computeFullScreenScale",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"useFullScreenScale",{enumerable:!0,get:function(){return a}});
@@ -0,0 +1 @@
1
+ import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createCommentVNode as a,createElementBlock as r,createElementVNode as n,defineComponent as i,normalizeStyle as l,openBlock as s,renderSlot as u,unref as d,useTemplateRef as o}from"vue";import{computeViewportScale as f,useViewportScale as h}from"@lumal/viewport";function v(e,t,a,r){return f(e,t,a,r)}function m(e,t){const{result:a,ready:r,measure:n}=h({target:e,designWidth:t.designWidth,designHeight:t.designHeight});return{result:a,ready:r,measure:n}}var c=["data-mode"],p=/*#__PURE__*/e(/*@__PURE__*/i({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const i=e,f=o("containerRef"),h=t(()=>i.width??("undefined"==typeof screen?1920:screen.width)),v=t(()=>i.height??("undefined"==typeof screen?1080:screen.height)),{result:p,ready:g}=m(f,{designHeight:()=>v.value,designWidth:()=>h.value}),x=t(()=>{if("vwvh"===i.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,h.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,v.value)+"vh"};if("scale"===i.mode)return{height:`${v.value}px`,transform:`translate(${p.value.offsetX}px, ${p.value.offsetY}px) scale(${p.value.scale})`,transformOrigin:"top left",width:`${h.value}px`};const e=(p.value.containerWidth||h.value)/Math.max(1,h.value);return{height:`${v.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${h.value}px`}});return(t,i)=>(s(),r("div",{ref_key:"containerRef",ref:f,class:"lumal-full-screen-container","data-mode":e.mode,style:l({zIndex:e.zIndex})},[n("div",{class:"lumal-full-screen-container__stage",style:l(x.value)},[d(g)?u(t.$slots,"default",{key:0},void 0,!0):a("",!0)],4)],12,c))}}),[["__scopeId","data-v-9931d1a8"]]);export{v as n,m as r,p as t};
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalActiveRingChart-Co5OJr8E.cjs");exports.default=e.LumalActiveRingChart_default;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalActiveRingChart-DRLkgB6J.cjs");exports.default=e.LumalActiveRingChart_default;
@@ -1 +1 @@
1
- import{t}from"./LumalActiveRingChart-6h3Vx3eW.js";export{t as default};
1
+ import{t}from"./LumalActiveRingChart-BrUxrGR5.js";export{t as default};
package/dist/charts.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalCharts-CGxZnT5N.cjs");exports.default=e.LumalCharts_default;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalCharts-DwSXLZ_M.cjs");exports.default=e.LumalCharts_default;
package/dist/charts.js CHANGED
@@ -1 +1 @@
1
- import{t as a}from"./LumalCharts-N_sRZ49O.js";export{a as default};
1
+ import{t as a}from"./LumalCharts-CoYhWl0w.js";export{a as default};
package/dist/datav.css CHANGED
@@ -1,2 +1,2 @@
1
- .lumal-charts[data-v-7a31b8ec],.lumal-charts__host[data-v-7a31b8ec],.dv-active-ring-chart[data-v-5a979c59]{width:100%;min-width:0;height:100%;min-height:0;position:relative}.active-ring-chart-container[data-v-5a979c59]{width:100%;height:100%}.active-ring-info[data-v-5a979c59]{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.active-ring-info .dv-digital-flop[data-v-5a979c59]{width:100px;height:30px;min-height:0}.active-ring-name[data-v-5a979c59]{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100px;height:30px;overflow:hidden}.lumal-active-ring-controls[data-v-5a979c59]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dv-capsule-chart[data-v-b8ed1b43]{box-sizing:border-box;color:#fff;flex-direction:row;padding:10px;display:flex;position:relative}.label-column[data-v-b8ed1b43]{box-sizing:border-box;text-align:right;flex-direction:column;justify-content:space-between;padding-right:10px;font-size:12px;display:flex}.label-column div[data-v-b8ed1b43]{height:20px;line-height:20px}.capsule-container[data-v-b8ed1b43]{flex-direction:column;flex:1;justify-content:space-between;display:flex}.capsule-item[data-v-b8ed1b43]{border-radius:5px;height:10px;margin:5px 0;box-shadow:0 0 3px #999}.capsule-item-column[data-v-b8ed1b43]{border-radius:5px;justify-content:flex-end;align-items:center;height:8px;margin-top:1px;transition:all .3s;display:flex;position:relative}.capsule-item-value[data-v-b8ed1b43]{font-size:12px;transform:translate(100%)}.unit-label[data-v-b8ed1b43]{justify-content:space-between;align-items:center;height:20px;font-size:12px;display:flex;position:relative}.unit-text[data-v-b8ed1b43]{text-align:right;align-items:flex-end;margin-left:10px;font-size:12px;line-height:20px;display:flex}@media (prefers-reduced-motion:reduce){.capsule-item-column[data-v-b8ed1b43]{transition-duration:.01ms}}.dv-conical-column-chart[data-v-c78a8338]{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.dv-conical-column-chart svg[data-v-c78a8338]{width:100%;height:100%;display:block;position:absolute;inset:0}text[data-v-c78a8338]{text-anchor:middle}.lumal-flyline-chart-enhanced[data-v-65d5e2e7]{background-size:100% 100%;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.lumal-flyline-chart-enhanced svg[data-v-65d5e2e7]{width:100%;height:100%;display:block;position:absolute;inset:0}.lumal-flyline-chart-enhanced text[data-v-65d5e2e7]{text-anchor:middle;dominant-baseline:middle}.lumal-flyline-chart[data-v-45d4994b]{background-size:100% 100%;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.lumal-flyline-chart svg[data-v-45d4994b]{width:100%;height:100%;display:block;position:absolute;inset:0}.lumal-flyline-chart text[data-v-45d4994b]{text-anchor:middle;dominant-baseline:middle}.lumal-full-screen-container[data-v-9931d1a8]{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.lumal-full-screen-container__stage[data-v-9931d1a8]{will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.lumal-full-screen-container[data-mode=vwvh] .lumal-full-screen-container__stage[data-v-9931d1a8]{will-change:auto}.dv-scroll-board.lumal-scroll-board[data-v-101f9a6f]{color:#fff;width:100%;height:100%;display:block;position:relative;overflow:hidden}.dv-scroll-board .header[data-v-101f9a6f]{flex-direction:row;font-size:15px;display:flex}.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .ceil[data-v-101f9a6f]{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;overflow:hidden}.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .row-item[data-v-101f9a6f]{transition:all .3s}.dv-scroll-board .rows[data-v-101f9a6f]{display:block;overflow:hidden}.dv-scroll-board .row-item[data-v-101f9a6f]{border:0;width:100%;min-width:0;min-height:0;padding:0;font-size:14px;display:flex;overflow:hidden}.dv-scroll-board .ceil[data-v-101f9a6f]{height:100%;display:block}.dv-scroll-board .lumal-scroll-board__slot[data-v-101f9a6f]{width:100%;padding:0}.dv-scroll-board .index[data-v-101f9a6f]{border-radius:3px;padding:0 3px}.dv-scroll-board[data-mode=table] .row-item[data-v-101f9a6f]{cursor:pointer}.dv-scroll-board[data-mode=table] .row-item[data-v-101f9a6f]:focus-visible{outline:2px solid var(--lumal-datav-focus-ring,#35c8ff);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .row-item[data-v-101f9a6f]{transition-duration:.01ms}}.dv-scroll-ranking-board.lumal-scroll-ranking-board[data-v-1792f489]{color:#fff;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.dv-scroll-ranking-board .lumal-scroll-ranking-board__viewport[data-v-1792f489]{height:100%;display:block;overflow:hidden}.dv-scroll-ranking-board .row-item[data-v-1792f489]{flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:0;transition:all .3s;display:flex;overflow:hidden}.dv-scroll-ranking-board .lumal-scroll-ranking-board__slot[data-v-1792f489]{width:100%;min-width:0;height:auto;min-height:0;padding:0;display:block}.dv-scroll-ranking-board .ranking-info[data-v-1792f489]{width:100%;font-size:13px;display:flex}.dv-scroll-ranking-board .rank[data-v-1792f489]{width:40px;height:auto;color:var(--lumal-ranking-color);font:inherit;background:0 0;border-radius:0;display:block}.dv-scroll-ranking-board .info-name[data-v-1792f489]{color:inherit;font-size:inherit;flex:1}.dv-scroll-ranking-board .ranking-value strong[data-v-1792f489]{font:inherit}.dv-scroll-ranking-board .ranking-column[data-v-1792f489]{border-bottom:2px solid color-mix(in srgb, var(--lumal-ranking-color) 50%, transparent);background:0 0;border-radius:0;height:auto;margin-top:5px;display:block;overflow:visible}.dv-scroll-ranking-board .inside-column[data-v-1792f489]{background-color:var(--lumal-ranking-color);border-radius:1px;height:6px;margin-bottom:2px;position:relative;overflow:hidden}.dv-scroll-ranking-board .shine[data-v-1792f489]{background:radial-gradient(#28f8ff 5%,#0000 80%);width:50px;height:2px;animation:3s ease-in-out infinite alternate lumal-ranking-shine-1792f489;position:absolute;top:2px;left:0%;transform:translate(-100%)}.dv-scroll-ranking-board.is-animation-paused .shine[data-v-1792f489]{animation-play-state:paused}@keyframes lumal-ranking-shine-1792f489{80%{left:0%;transform:translate(-100%)}to{left:100%;transform:translate(0%)}}@media (prefers-reduced-motion:reduce){.dv-scroll-ranking-board .row-item[data-v-1792f489]{transition-duration:.01ms}.dv-scroll-ranking-board .shine[data-v-1792f489]{animation:none}}:root{--lumal-datav-primary:#35c8ff;--lumal-datav-secondary:#796cff;--lumal-datav-accent:#6ff7cd;--lumal-datav-background:#071427b8;--lumal-datav-surface:#102742c2;--lumal-datav-surface-muted:#18385a8f;--lumal-datav-text:#edf9ff;--lumal-datav-text-muted:#9fc4d7;--lumal-datav-border:#5fceff6b;--lumal-datav-shadow:0 12px 32px #0008184d;--lumal-datav-radius:10px;--lumal-datav-duration:2.8s;--lumal-datav-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}.lumal-border-box,.lumal-decoration,.lumal-loading,.lumal-digital-flop,.lumal-percent-pond,.lumal-water-level-pond,.lumal-active-ring,.lumal-capsule-chart,.lumal-conical-column,.lumal-scroll-board,.lumal-scroll-ranking-board{box-sizing:border-box;color:var(--lumal-datav-text)}.lumal-border-box *,.lumal-decoration *,.lumal-loading *,.lumal-percent-pond *,.lumal-water-level-pond *,.lumal-active-ring *,.lumal-capsule-chart *,.lumal-conical-column *,.lumal-scroll-board *,.lumal-scroll-ranking-board *{box-sizing:border-box}.lumal-border-box{isolation:isolate;background:0 0;width:100%;min-width:0;height:100%;min-height:0;position:relative}.lumal-border-box__svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.lumal-border-box__svg.is-frame-reverse{transform:rotate(180deg)}.lumal-border-box__bb1-corner{pointer-events:none;display:block;position:absolute}.lumal-border-box__bb1-corner--left-top{top:0;left:0}.lumal-border-box__bb1-corner--right-top{top:0;right:0;transform:rotateY(180deg)}.lumal-border-box__bb1-corner--left-bottom{bottom:0;left:0;transform:rotateX(180deg)}.lumal-border-box__bb1-corner--right-bottom{bottom:0;right:0;transform:rotateX(180deg)rotateY(180deg)}.lumal-border-box__content{width:100%;min-width:0;height:100%;min-height:0;position:relative}.lumal-border-box[data-variant="2"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="6"] .lumal-border-box__svg>polyline{fill:none;stroke-width:1px}.lumal-border-box__bb3-line1,.lumal-border-box__bb3-line2,.lumal-border-box[data-variant="4"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="5"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="7"] .lumal-border-box__svg>polyline{fill:none}.lumal-border-box__bb3-line1{stroke-width:3px}.lumal-border-box__bb3-line2,.lumal-border-box__bb4-line1,.lumal-border-box__bb4-line2,.lumal-border-box__bb4-line5,.lumal-border-box__bb4-line6,.lumal-border-box__bb4-line7{stroke-width:1px}.lumal-border-box__bb4-line3,.lumal-border-box__bb4-line4,.lumal-border-box__bb4-line8,.lumal-border-box__bb4-line9{stroke-width:3px;stroke-linecap:round}.lumal-border-box__bb4-line10{stroke-width:1px}.lumal-border-box__bb4-line9{stroke-dasharray:100 250}.lumal-border-box__bb4-line10{stroke-dasharray:80 270}.lumal-border-box__bb5-line1,.lumal-border-box__bb5-line2{stroke-width:1px}.lumal-border-box__bb5-line3,.lumal-border-box__bb5-line6{stroke-width:5px}.lumal-border-box__bb5-line4,.lumal-border-box__bb5-line5{stroke-width:2px}.lumal-border-box__bb7-line2,.lumal-border-box__bb7-line5{stroke-linecap:round}.lumal-border-box__bb7-line2{stroke-width:2px}.lumal-border-box__bb7-line5{stroke-width:5px}.lumal-border-box[data-variant="10"]{border-radius:6px}.lumal-decoration{justify-content:center;align-items:center;width:100%;height:100%;min-height:18px;display:flex;position:relative;overflow:hidden}.lumal-decoration__svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.lumal-decoration__content{z-index:1;width:100%;height:100%;position:relative}.lumal-decoration__content--centered{justify-content:center;align-items:center;display:flex}.lumal-decoration__chevrons{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lumal-decoration__chevrons>svg{flex:none;width:21px;height:20px}.lumal-decoration__content--inline{width:auto;height:auto}.lumal-decoration__line-reveal{flex:1;display:flex;position:absolute;overflow:hidden}.lumal-decoration__line-reveal--vertical{margin-left:-2px;animation:ease-in-out infinite lumal-datav-decoration-height;left:50%}.lumal-decoration__line-reveal--horizontal{margin-top:-2px;animation:ease-in-out infinite lumal-datav-decoration-width;top:50%}.lumal-decoration__line-reveal.is-static{animation:none}@keyframes lumal-datav-decoration-height{0%{height:0%}70%,to{height:100%}}@keyframes lumal-datav-decoration-width{0%{width:0%}70%,to{width:100%}}.lumal-decoration.is-reverse .lumal-decoration__shape,.lumal-decoration.is-reverse .lumal-decoration__shape *{animation-direction:reverse}.is-animation-paused *,.lumal-border-box:hover *,.lumal-border-box:focus-within *,.lumal-decoration:hover *,.lumal-decoration:focus-within *,.lumal-loading:hover *,.lumal-loading:focus-within *,.lumal-water-level-pond:hover *,.lumal-water-level-pond:focus-within *{animation-play-state:paused!important}.lumal-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lumal-loading__visual{width:var(--lumal-loading-size);height:var(--lumal-loading-size);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.lumal-loading__visual--ring{display:block;overflow:visible}.lumal-loading[data-variant=dots] .lumal-loading__visual{gap:5px}.lumal-loading[data-variant=dots] .lumal-loading__visual i{aspect-ratio:1;background:var(--lumal-loading-primary);width:20%;animation:lumal-datav-bounce var(--lumal-loading-duration) ease-in-out infinite;border-radius:50%}.lumal-loading[data-variant=dots] .lumal-loading__visual i:nth-child(2){animation-delay:calc(var(--lumal-loading-duration) * .133)}.lumal-loading[data-variant=dots] .lumal-loading__visual i:nth-child(3){animation-delay:calc(var(--lumal-loading-duration) * .266)}.lumal-loading[data-variant=pulse] .lumal-loading__visual{background:color-mix(in srgb, var(--lumal-loading-primary) 20%, transparent);border:1px solid var(--lumal-loading-primary);animation:lumal-datav-pulse var(--lumal-loading-duration) ease-in-out infinite;border-radius:50%}.lumal-loading__state-mark{font-size:calc(var(--lumal-loading-size) * .52)}.lumal-loading.is-success .lumal-loading__state-mark{color:var(--lumal-datav-accent)}.lumal-loading.is-error .lumal-loading__state-mark{color:#ff718b;font-weight:700}.lumal-loading__label{font-size:15px}.lumal-digital-flop{width:100%;height:var(--lumal-digital-flop-height,30px);min-height:var(--lumal-digital-flop-height,30px);display:block;position:relative;overflow:hidden}.lumal-digital-flop__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.lumal-percent-pond{flex-direction:column;width:100%;height:32px;min-height:32px;display:flex;position:relative;overflow:hidden}.lumal-percent-pond__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.lumal-percent-pond__progress{transition:all .3s}.lumal-percent-pond__label{text-anchor:middle;dominant-baseline:middle;font-size:25px;font-weight:700}.lumal-water-level-pond{box-sizing:border-box;width:100%;min-width:96px;height:100%;min-height:96px;display:block;position:relative;overflow:hidden}.lumal-water-level-pond__svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.lumal-water-level-pond__label{text-anchor:middle;dominant-baseline:middle;font-size:25px;font-weight:700}.lumal-water-level-pond__border{fill:none;stroke-width:3px}.lumal-active-ring{grid-template-columns:minmax(120px,42%) minmax(0,1fr);align-items:center;gap:18px;width:100%;height:100%;min-height:160px;display:grid}.lumal-active-ring__graphic{aspect-ratio:1;border-radius:50%;width:min(100%,220px);padding:14px;position:relative}.lumal-active-ring__graphic:after{border:1px solid var(--lumal-datav-border);content:"";border-radius:50%;position:absolute;inset:7px}.lumal-active-ring__center{z-index:1;background:radial-gradient(circle, var(--lumal-datav-surface), var(--lumal-datav-background));text-align:center;border-radius:50%;place-content:center;width:100%;height:100%;padding:14px;display:grid;position:relative}.lumal-active-ring__center strong{font:700 clamp(22px, 3vw, 38px)/1 var(--lumal-datav-font-mono)}.lumal-active-ring__center span{color:var(--lumal-datav-text-muted);margin-top:7px;font-size:12px}.lumal-active-ring__legend{gap:6px;min-width:0;display:grid}.lumal-active-ring__legend button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.lumal-active-ring__legend button:hover,.lumal-active-ring__legend button:focus-visible,.lumal-active-ring__legend button.is-active{background:var(--lumal-datav-surface-muted);border-color:var(--lumal-datav-border);outline:none}.lumal-active-ring__legend button i{border-radius:2px;width:8px;height:8px}.lumal-active-ring__legend button span{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-active-ring__legend button strong{font:600 12px/1 var(--lumal-datav-font-mono)}.lumal-capsule-chart{gap:9px;width:100%;display:grid}.lumal-capsule-chart__row{grid-template-columns:minmax(70px,.7fr) minmax(80px,2fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.lumal-capsule-chart__label{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-capsule-chart__track{background:var(--lumal-datav-surface-muted);border-radius:999px;height:9px;display:block;overflow:hidden}.lumal-capsule-chart__track i{background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-bar-color) 48%, transparent), var(--lumal-bar-color));border-radius:inherit;width:100%;height:100%;box-shadow:0 0 10px var(--lumal-bar-color);transform:scaleX(var(--lumal-bar-ratio));transform-origin:0;transition:transform .48s;display:block}.lumal-capsule-chart__value{min-width:5ch;font:600 12px/1 var(--lumal-datav-font-mono);text-align:right}.lumal-conical-column{justify-content:space-around;align-items:end;gap:clamp(6px,2vw,20px);width:100%;height:100%;min-height:160px;display:flex}.lumal-conical-column__item{flex:1 1 0;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:6px;min-width:0;height:100%;display:grid}.lumal-conical-column__value{font:600 11px/1 var(--lumal-datav-font-mono)}.lumal-conical-column__bar{align-items:end;width:min(70px,100%);height:100%;display:flex}.lumal-conical-column__bar i{background:linear-gradient(180deg, color-mix(in srgb, var(--lumal-column-color) 38%, transparent), var(--lumal-column-color));clip-path:polygon(50% 0,100% 100%,0 100%);width:100%;height:100%;filter:drop-shadow(0 0 6px var(--lumal-column-color));transform:scaleY(var(--lumal-column-ratio));transform-origin:bottom;transition:transform .48s;display:block}.lumal-conical-column__label{width:100%;color:var(--lumal-datav-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lumal-scroll-board,.lumal-scroll-ranking-board{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.lumal-scroll-board{grid-template-rows:auto minmax(0,1fr);display:grid}.lumal-scroll-board__header{background:var(--lumal-datav-surface);border-bottom:1px solid var(--lumal-datav-border);align-items:center;min-height:32px;display:flex}.lumal-scroll-board__header>span,.lumal-scroll-board__cell{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;padding:6px 10px;font-size:12px;overflow:hidden}.lumal-scroll-board__header>span{color:var(--lumal-datav-text-muted);font-weight:600}.lumal-scroll-board__viewport,.lumal-scroll-ranking-board__viewport{flex-direction:column;min-height:0;display:flex;overflow:hidden}.lumal-scroll-board__row{width:100%;min-width:0;min-height:32px;color:inherit;border:0;border-bottom:1px solid color-mix(in srgb, var(--lumal-datav-border) 42%, transparent);background:0 0;flex:1 0 auto;padding:0;display:flex}.lumal-scroll-board__row:nth-child(2n){background:color-mix(in srgb, var(--lumal-datav-surface-muted) 52%, transparent)}.lumal-scroll-board[data-mode=table] .lumal-scroll-board__row{cursor:pointer}.lumal-scroll-board[data-mode=table] .lumal-scroll-board__row:focus-visible{outline:2px solid var(--lumal-datav-focus-ring);outline-offset:-2px}.lumal-scroll-board__slot{align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex}.lumal-scroll-board__cell{align-items:center;display:flex}.lumal-scroll-ranking-board__row{flex:1 0 auto;width:100%;min-width:0;min-height:42px}.lumal-scroll-ranking-board__slot{flex-direction:column;justify-content:center;gap:6px;width:100%;min-width:0;height:100%;min-height:0;padding:5px 2px;display:flex}.lumal-scroll-ranking-board__summary{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lumal-scroll-ranking-board__rank{width:20px;height:20px;color:var(--lumal-ranking-color);background:color-mix(in srgb, var(--lumal-ranking-color) 16%, transparent);font:700 11px/1 var(--lumal-datav-font-mono);border-radius:5px;place-items:center;display:grid}.lumal-scroll-ranking-board__label{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-scroll-ranking-board__summary strong{font:600 12px/1 var(--lumal-datav-font-mono)}.lumal-scroll-ranking-board__track{background:var(--lumal-datav-surface-muted);border-radius:999px;height:4px;display:block;overflow:hidden}.lumal-scroll-ranking-board__track i{background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-ranking-color) 35%, transparent), var(--lumal-ranking-color));border-radius:inherit;width:100%;height:100%;transform:scaleX(var(--lumal-ranking-ratio));transform-origin:0;transition:transform .48s;display:block}@keyframes lumal-datav-orbit{to{transform:rotate(1turn)}}@keyframes lumal-datav-dot-twinkle{0%,to{opacity:.18;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes lumal-datav-line-grow{0%,15%{opacity:.2;transform:scaleX(0)}68%,to{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-line-dot{0%,15%{opacity:.2;transform:translate(0)}68%,to{opacity:1;transform:translate(740%)}}@keyframes lumal-datav-line-grow-y{0%,15%{opacity:.2;transform:scaleY(0)}68%,to{opacity:1;transform:scaleY(1)}}@keyframes lumal-datav-line-travel-y{0%,to{opacity:.35;transform:translateY(-40%)}60%{opacity:1;transform:translateY(360%)}}@keyframes lumal-datav-bar-meter{0%,to{opacity:.3;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1)}}@keyframes lumal-datav-segment-reveal{0%,15%{opacity:.2;transform:scaleX(0)}60%,to{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-radar-halo{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(2.1)}}@keyframes lumal-datav-spin{to{transform:rotate(1turn)}}@keyframes lumal-datav-bounce{0%,to{opacity:.45;transform:translateY(25%)}50%{opacity:1;transform:translateY(-25%)}}@keyframes lumal-datav-pulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@keyframes lumal-datav-shimmer{0%,to{opacity:.4;transform:translate(-8%)}50%{opacity:1;transform:translate(24%)}}@keyframes lumal-datav-scale-x{0%,to{opacity:.4;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-wave{0%{transform:translate(-8%)scaleX(1.04)}to{transform:translate(8%)scaleX(.96)}}@media (prefers-reduced-motion:reduce){.lumal-border-box *,.lumal-decoration *,.lumal-loading *,.lumal-percent-pond *,.lumal-water-level-pond *,.lumal-active-ring *,.lumal-capsule-chart *,.lumal-conical-column *,.lumal-scroll-ranking-board *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@media (width<=640px){.lumal-active-ring{grid-template-columns:1fr}.lumal-active-ring__graphic{width:min(150px,60%);margin-inline:auto}}
1
+ .lumal-charts[data-v-d6c1141e],.lumal-charts__host[data-v-d6c1141e],.dv-active-ring-chart[data-v-5a979c59]{width:100%;min-width:0;height:100%;min-height:0;position:relative}.active-ring-chart-container[data-v-5a979c59]{width:100%;height:100%}.active-ring-info[data-v-5a979c59]{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.active-ring-info .dv-digital-flop[data-v-5a979c59]{width:100px;height:30px;min-height:0}.active-ring-name[data-v-5a979c59]{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100px;height:30px;overflow:hidden}.lumal-active-ring-controls[data-v-5a979c59]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dv-capsule-chart[data-v-b8ed1b43]{box-sizing:border-box;color:#fff;flex-direction:row;padding:10px;display:flex;position:relative}.label-column[data-v-b8ed1b43]{box-sizing:border-box;text-align:right;flex-direction:column;justify-content:space-between;padding-right:10px;font-size:12px;display:flex}.label-column div[data-v-b8ed1b43]{height:20px;line-height:20px}.capsule-container[data-v-b8ed1b43]{flex-direction:column;flex:1;justify-content:space-between;display:flex}.capsule-item[data-v-b8ed1b43]{border-radius:5px;height:10px;margin:5px 0;box-shadow:0 0 3px #999}.capsule-item-column[data-v-b8ed1b43]{border-radius:5px;justify-content:flex-end;align-items:center;height:8px;margin-top:1px;transition:all .3s;display:flex;position:relative}.capsule-item-value[data-v-b8ed1b43]{font-size:12px;transform:translate(100%)}.unit-label[data-v-b8ed1b43]{justify-content:space-between;align-items:center;height:20px;font-size:12px;display:flex;position:relative}.unit-text[data-v-b8ed1b43]{text-align:right;align-items:flex-end;margin-left:10px;font-size:12px;line-height:20px;display:flex}@media (prefers-reduced-motion:reduce){.capsule-item-column[data-v-b8ed1b43]{transition-duration:.01ms}}.dv-conical-column-chart[data-v-c78a8338]{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.dv-conical-column-chart svg[data-v-c78a8338]{width:100%;height:100%;display:block;position:absolute;inset:0}text[data-v-c78a8338]{text-anchor:middle}.lumal-flyline-chart-enhanced[data-v-65d5e2e7]{background-size:100% 100%;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.lumal-flyline-chart-enhanced svg[data-v-65d5e2e7]{width:100%;height:100%;display:block;position:absolute;inset:0}.lumal-flyline-chart-enhanced text[data-v-65d5e2e7]{text-anchor:middle;dominant-baseline:middle}.lumal-flyline-chart[data-v-45d4994b]{background-size:100% 100%;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.lumal-flyline-chart svg[data-v-45d4994b]{width:100%;height:100%;display:block;position:absolute;inset:0}.lumal-flyline-chart text[data-v-45d4994b]{text-anchor:middle;dominant-baseline:middle}.lumal-full-screen-container[data-v-9931d1a8]{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.lumal-full-screen-container__stage[data-v-9931d1a8]{will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.lumal-full-screen-container[data-mode=vwvh] .lumal-full-screen-container__stage[data-v-9931d1a8]{will-change:auto}.dv-scroll-board.lumal-scroll-board[data-v-101f9a6f]{color:#fff;width:100%;height:100%;display:block;position:relative;overflow:hidden}.dv-scroll-board .header[data-v-101f9a6f]{flex-direction:row;font-size:15px;display:flex}.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .ceil[data-v-101f9a6f]{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;overflow:hidden}.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .row-item[data-v-101f9a6f]{transition:all .3s}.dv-scroll-board .rows[data-v-101f9a6f]{display:block;overflow:hidden}.dv-scroll-board .row-item[data-v-101f9a6f]{border:0;width:100%;min-width:0;min-height:0;padding:0;font-size:14px;display:flex;overflow:hidden}.dv-scroll-board .ceil[data-v-101f9a6f]{height:100%;display:block}.dv-scroll-board .lumal-scroll-board__slot[data-v-101f9a6f]{width:100%;padding:0}.dv-scroll-board .index[data-v-101f9a6f]{border-radius:3px;padding:0 3px}.dv-scroll-board[data-mode=table] .row-item[data-v-101f9a6f]{cursor:pointer}.dv-scroll-board[data-mode=table] .row-item[data-v-101f9a6f]:focus-visible{outline:2px solid var(--lumal-datav-focus-ring,#35c8ff);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.dv-scroll-board .header-item[data-v-101f9a6f],.dv-scroll-board .row-item[data-v-101f9a6f]{transition-duration:.01ms}}.dv-scroll-ranking-board.lumal-scroll-ranking-board[data-v-1792f489]{color:#fff;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.dv-scroll-ranking-board .lumal-scroll-ranking-board__viewport[data-v-1792f489]{height:100%;display:block;overflow:hidden}.dv-scroll-ranking-board .row-item[data-v-1792f489]{flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:0;transition:all .3s;display:flex;overflow:hidden}.dv-scroll-ranking-board .lumal-scroll-ranking-board__slot[data-v-1792f489]{width:100%;min-width:0;height:auto;min-height:0;padding:0;display:block}.dv-scroll-ranking-board .ranking-info[data-v-1792f489]{width:100%;font-size:13px;display:flex}.dv-scroll-ranking-board .rank[data-v-1792f489]{width:40px;height:auto;color:var(--lumal-ranking-color);font:inherit;background:0 0;border-radius:0;display:block}.dv-scroll-ranking-board .info-name[data-v-1792f489]{color:inherit;font-size:inherit;flex:1}.dv-scroll-ranking-board .ranking-value strong[data-v-1792f489]{font:inherit}.dv-scroll-ranking-board .ranking-column[data-v-1792f489]{border-bottom:2px solid color-mix(in srgb, var(--lumal-ranking-color) 50%, transparent);background:0 0;border-radius:0;height:auto;margin-top:5px;display:block;overflow:visible}.dv-scroll-ranking-board .inside-column[data-v-1792f489]{background-color:var(--lumal-ranking-color);border-radius:1px;height:6px;margin-bottom:2px;position:relative;overflow:hidden}.dv-scroll-ranking-board .shine[data-v-1792f489]{background:radial-gradient(#28f8ff 5%,#0000 80%);width:50px;height:2px;animation:3s ease-in-out infinite alternate lumal-ranking-shine-1792f489;position:absolute;top:2px;left:0%;transform:translate(-100%)}.dv-scroll-ranking-board.is-animation-paused .shine[data-v-1792f489]{animation-play-state:paused}@keyframes lumal-ranking-shine-1792f489{80%{left:0%;transform:translate(-100%)}to{left:100%;transform:translate(0%)}}@media (prefers-reduced-motion:reduce){.dv-scroll-ranking-board .row-item[data-v-1792f489]{transition-duration:.01ms}.dv-scroll-ranking-board .shine[data-v-1792f489]{animation:none}}:root{--lumal-datav-primary:#35c8ff;--lumal-datav-secondary:#796cff;--lumal-datav-accent:#6ff7cd;--lumal-datav-background:#071427b8;--lumal-datav-surface:#102742c2;--lumal-datav-surface-muted:#18385a8f;--lumal-datav-text:#edf9ff;--lumal-datav-text-muted:#9fc4d7;--lumal-datav-border:#5fceff6b;--lumal-datav-shadow:0 12px 32px #0008184d;--lumal-datav-radius:10px;--lumal-datav-duration:2.8s;--lumal-datav-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}.lumal-border-box,.lumal-decoration,.lumal-loading,.lumal-digital-flop,.lumal-percent-pond,.lumal-water-level-pond,.lumal-active-ring,.lumal-capsule-chart,.lumal-conical-column,.lumal-scroll-board,.lumal-scroll-ranking-board{box-sizing:border-box;color:var(--lumal-datav-text)}.lumal-border-box *,.lumal-decoration *,.lumal-loading *,.lumal-percent-pond *,.lumal-water-level-pond *,.lumal-active-ring *,.lumal-capsule-chart *,.lumal-conical-column *,.lumal-scroll-board *,.lumal-scroll-ranking-board *{box-sizing:border-box}.lumal-border-box{isolation:isolate;background:0 0;width:100%;min-width:0;height:100%;min-height:0;position:relative}.lumal-border-box__svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.lumal-border-box__svg.is-frame-reverse{transform:rotate(180deg)}.lumal-border-box__bb1-corner{pointer-events:none;display:block;position:absolute}.lumal-border-box__bb1-corner--left-top{top:0;left:0}.lumal-border-box__bb1-corner--right-top{top:0;right:0;transform:rotateY(180deg)}.lumal-border-box__bb1-corner--left-bottom{bottom:0;left:0;transform:rotateX(180deg)}.lumal-border-box__bb1-corner--right-bottom{bottom:0;right:0;transform:rotateX(180deg)rotateY(180deg)}.lumal-border-box__content{width:100%;min-width:0;height:100%;min-height:0;position:relative}.lumal-border-box[data-variant="2"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="6"] .lumal-border-box__svg>polyline{fill:none;stroke-width:1px}.lumal-border-box__bb3-line1,.lumal-border-box__bb3-line2,.lumal-border-box[data-variant="4"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="5"] .lumal-border-box__svg>polyline,.lumal-border-box[data-variant="7"] .lumal-border-box__svg>polyline{fill:none}.lumal-border-box__bb3-line1{stroke-width:3px}.lumal-border-box__bb3-line2,.lumal-border-box__bb4-line1,.lumal-border-box__bb4-line2,.lumal-border-box__bb4-line5,.lumal-border-box__bb4-line6,.lumal-border-box__bb4-line7{stroke-width:1px}.lumal-border-box__bb4-line3,.lumal-border-box__bb4-line4,.lumal-border-box__bb4-line8,.lumal-border-box__bb4-line9{stroke-width:3px;stroke-linecap:round}.lumal-border-box__bb4-line10{stroke-width:1px}.lumal-border-box__bb4-line9{stroke-dasharray:100 250}.lumal-border-box__bb4-line10{stroke-dasharray:80 270}.lumal-border-box__bb5-line1,.lumal-border-box__bb5-line2{stroke-width:1px}.lumal-border-box__bb5-line3,.lumal-border-box__bb5-line6{stroke-width:5px}.lumal-border-box__bb5-line4,.lumal-border-box__bb5-line5{stroke-width:2px}.lumal-border-box__bb7-line2,.lumal-border-box__bb7-line5{stroke-linecap:round}.lumal-border-box__bb7-line2{stroke-width:2px}.lumal-border-box__bb7-line5{stroke-width:5px}.lumal-border-box[data-variant="10"]{border-radius:6px}.lumal-decoration{justify-content:center;align-items:center;width:100%;height:100%;min-height:18px;display:flex;position:relative;overflow:hidden}.lumal-decoration__svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.lumal-decoration__content{z-index:1;width:100%;height:100%;position:relative}.lumal-decoration__content--centered{justify-content:center;align-items:center;display:flex}.lumal-decoration__chevrons{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lumal-decoration__chevrons>svg{flex:none;width:21px;height:20px}.lumal-decoration__content--inline{width:auto;height:auto}.lumal-decoration__line-reveal{flex:1;display:flex;position:absolute;overflow:hidden}.lumal-decoration__line-reveal--vertical{margin-left:-2px;animation:ease-in-out infinite lumal-datav-decoration-height;left:50%}.lumal-decoration__line-reveal--horizontal{margin-top:-2px;animation:ease-in-out infinite lumal-datav-decoration-width;top:50%}.lumal-decoration__line-reveal.is-static{animation:none}@keyframes lumal-datav-decoration-height{0%{height:0%}70%,to{height:100%}}@keyframes lumal-datav-decoration-width{0%{width:0%}70%,to{width:100%}}.lumal-decoration.is-reverse .lumal-decoration__shape,.lumal-decoration.is-reverse .lumal-decoration__shape *{animation-direction:reverse}.is-animation-paused *,.lumal-border-box:hover *,.lumal-border-box:focus-within *,.lumal-decoration:hover *,.lumal-decoration:focus-within *,.lumal-loading:hover *,.lumal-loading:focus-within *,.lumal-water-level-pond:hover *,.lumal-water-level-pond:focus-within *{animation-play-state:paused!important}.lumal-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lumal-loading__visual{width:var(--lumal-loading-size);height:var(--lumal-loading-size);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.lumal-loading__visual--ring{display:block;overflow:visible}.lumal-loading[data-variant=dots] .lumal-loading__visual{gap:5px}.lumal-loading[data-variant=dots] .lumal-loading__visual i{aspect-ratio:1;background:var(--lumal-loading-primary);width:20%;animation:lumal-datav-bounce var(--lumal-loading-duration) ease-in-out infinite;border-radius:50%}.lumal-loading[data-variant=dots] .lumal-loading__visual i:nth-child(2){animation-delay:calc(var(--lumal-loading-duration) * .133)}.lumal-loading[data-variant=dots] .lumal-loading__visual i:nth-child(3){animation-delay:calc(var(--lumal-loading-duration) * .266)}.lumal-loading[data-variant=pulse] .lumal-loading__visual{background:color-mix(in srgb, var(--lumal-loading-primary) 20%, transparent);border:1px solid var(--lumal-loading-primary);animation:lumal-datav-pulse var(--lumal-loading-duration) ease-in-out infinite;border-radius:50%}.lumal-loading__state-mark{font-size:calc(var(--lumal-loading-size) * .52)}.lumal-loading.is-success .lumal-loading__state-mark{color:var(--lumal-datav-accent)}.lumal-loading.is-error .lumal-loading__state-mark{color:#ff718b;font-weight:700}.lumal-loading__label{font-size:15px}.lumal-digital-flop{width:100%;height:var(--lumal-digital-flop-height,30px);min-height:var(--lumal-digital-flop-height,30px);display:block;position:relative;overflow:hidden}.lumal-digital-flop__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.lumal-percent-pond{flex-direction:column;width:100%;height:32px;min-height:32px;display:flex;position:relative;overflow:hidden}.lumal-percent-pond__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.lumal-percent-pond__progress{transition:all .3s}.lumal-percent-pond__label{text-anchor:middle;dominant-baseline:middle;font-size:25px;font-weight:700}.lumal-water-level-pond{box-sizing:border-box;width:100%;min-width:96px;height:100%;min-height:96px;display:block;position:relative;overflow:hidden}.lumal-water-level-pond__svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.lumal-water-level-pond__label{text-anchor:middle;dominant-baseline:middle;font-size:25px;font-weight:700}.lumal-water-level-pond__border{fill:none;stroke-width:3px}.lumal-active-ring{grid-template-columns:minmax(120px,42%) minmax(0,1fr);align-items:center;gap:18px;width:100%;height:100%;min-height:160px;display:grid}.lumal-active-ring__graphic{aspect-ratio:1;border-radius:50%;width:min(100%,220px);padding:14px;position:relative}.lumal-active-ring__graphic:after{border:1px solid var(--lumal-datav-border);content:"";border-radius:50%;position:absolute;inset:7px}.lumal-active-ring__center{z-index:1;background:radial-gradient(circle, var(--lumal-datav-surface), var(--lumal-datav-background));text-align:center;border-radius:50%;place-content:center;width:100%;height:100%;padding:14px;display:grid;position:relative}.lumal-active-ring__center strong{font:700 clamp(22px, 3vw, 38px)/1 var(--lumal-datav-font-mono)}.lumal-active-ring__center span{color:var(--lumal-datav-text-muted);margin-top:7px;font-size:12px}.lumal-active-ring__legend{gap:6px;min-width:0;display:grid}.lumal-active-ring__legend button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.lumal-active-ring__legend button:hover,.lumal-active-ring__legend button:focus-visible,.lumal-active-ring__legend button.is-active{background:var(--lumal-datav-surface-muted);border-color:var(--lumal-datav-border);outline:none}.lumal-active-ring__legend button i{border-radius:2px;width:8px;height:8px}.lumal-active-ring__legend button span{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-active-ring__legend button strong{font:600 12px/1 var(--lumal-datav-font-mono)}.lumal-capsule-chart{gap:9px;width:100%;display:grid}.lumal-capsule-chart__row{grid-template-columns:minmax(70px,.7fr) minmax(80px,2fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.lumal-capsule-chart__label{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-capsule-chart__track{background:var(--lumal-datav-surface-muted);border-radius:999px;height:9px;display:block;overflow:hidden}.lumal-capsule-chart__track i{background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-bar-color) 48%, transparent), var(--lumal-bar-color));border-radius:inherit;width:100%;height:100%;box-shadow:0 0 10px var(--lumal-bar-color);transform:scaleX(var(--lumal-bar-ratio));transform-origin:0;transition:transform .48s;display:block}.lumal-capsule-chart__value{min-width:5ch;font:600 12px/1 var(--lumal-datav-font-mono);text-align:right}.lumal-conical-column{justify-content:space-around;align-items:end;gap:clamp(6px,2vw,20px);width:100%;height:100%;min-height:160px;display:flex}.lumal-conical-column__item{flex:1 1 0;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:6px;min-width:0;height:100%;display:grid}.lumal-conical-column__value{font:600 11px/1 var(--lumal-datav-font-mono)}.lumal-conical-column__bar{align-items:end;width:min(70px,100%);height:100%;display:flex}.lumal-conical-column__bar i{background:linear-gradient(180deg, color-mix(in srgb, var(--lumal-column-color) 38%, transparent), var(--lumal-column-color));clip-path:polygon(50% 0,100% 100%,0 100%);width:100%;height:100%;filter:drop-shadow(0 0 6px var(--lumal-column-color));transform:scaleY(var(--lumal-column-ratio));transform-origin:bottom;transition:transform .48s;display:block}.lumal-conical-column__label{width:100%;color:var(--lumal-datav-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lumal-scroll-board,.lumal-scroll-ranking-board{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.lumal-scroll-board{grid-template-rows:auto minmax(0,1fr);display:grid}.lumal-scroll-board__header{background:var(--lumal-datav-surface);border-bottom:1px solid var(--lumal-datav-border);align-items:center;min-height:32px;display:flex}.lumal-scroll-board__header>span,.lumal-scroll-board__cell{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;padding:6px 10px;font-size:12px;overflow:hidden}.lumal-scroll-board__header>span{color:var(--lumal-datav-text-muted);font-weight:600}.lumal-scroll-board__viewport,.lumal-scroll-ranking-board__viewport{flex-direction:column;min-height:0;display:flex;overflow:hidden}.lumal-scroll-board__row{width:100%;min-width:0;min-height:32px;color:inherit;border:0;border-bottom:1px solid color-mix(in srgb, var(--lumal-datav-border) 42%, transparent);background:0 0;flex:1 0 auto;padding:0;display:flex}.lumal-scroll-board__row:nth-child(2n){background:color-mix(in srgb, var(--lumal-datav-surface-muted) 52%, transparent)}.lumal-scroll-board[data-mode=table] .lumal-scroll-board__row{cursor:pointer}.lumal-scroll-board[data-mode=table] .lumal-scroll-board__row:focus-visible{outline:2px solid var(--lumal-datav-focus-ring);outline-offset:-2px}.lumal-scroll-board__slot{align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex}.lumal-scroll-board__cell{align-items:center;display:flex}.lumal-scroll-ranking-board__row{flex:1 0 auto;width:100%;min-width:0;min-height:42px}.lumal-scroll-ranking-board__slot{flex-direction:column;justify-content:center;gap:6px;width:100%;min-width:0;height:100%;min-height:0;padding:5px 2px;display:flex}.lumal-scroll-ranking-board__summary{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lumal-scroll-ranking-board__rank{width:20px;height:20px;color:var(--lumal-ranking-color);background:color-mix(in srgb, var(--lumal-ranking-color) 16%, transparent);font:700 11px/1 var(--lumal-datav-font-mono);border-radius:5px;place-items:center;display:grid}.lumal-scroll-ranking-board__label{color:var(--lumal-datav-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lumal-scroll-ranking-board__summary strong{font:600 12px/1 var(--lumal-datav-font-mono)}.lumal-scroll-ranking-board__track{background:var(--lumal-datav-surface-muted);border-radius:999px;height:4px;display:block;overflow:hidden}.lumal-scroll-ranking-board__track i{background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-ranking-color) 35%, transparent), var(--lumal-ranking-color));border-radius:inherit;width:100%;height:100%;transform:scaleX(var(--lumal-ranking-ratio));transform-origin:0;transition:transform .48s;display:block}@keyframes lumal-datav-orbit{to{transform:rotate(1turn)}}@keyframes lumal-datav-dot-twinkle{0%,to{opacity:.18;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes lumal-datav-line-grow{0%,15%{opacity:.2;transform:scaleX(0)}68%,to{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-line-dot{0%,15%{opacity:.2;transform:translate(0)}68%,to{opacity:1;transform:translate(740%)}}@keyframes lumal-datav-line-grow-y{0%,15%{opacity:.2;transform:scaleY(0)}68%,to{opacity:1;transform:scaleY(1)}}@keyframes lumal-datav-line-travel-y{0%,to{opacity:.35;transform:translateY(-40%)}60%{opacity:1;transform:translateY(360%)}}@keyframes lumal-datav-bar-meter{0%,to{opacity:.3;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1)}}@keyframes lumal-datav-segment-reveal{0%,15%{opacity:.2;transform:scaleX(0)}60%,to{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-radar-halo{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(2.1)}}@keyframes lumal-datav-spin{to{transform:rotate(1turn)}}@keyframes lumal-datav-bounce{0%,to{opacity:.45;transform:translateY(25%)}50%{opacity:1;transform:translateY(-25%)}}@keyframes lumal-datav-pulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@keyframes lumal-datav-shimmer{0%,to{opacity:.4;transform:translate(-8%)}50%{opacity:1;transform:translate(24%)}}@keyframes lumal-datav-scale-x{0%,to{opacity:.4;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}@keyframes lumal-datav-wave{0%{transform:translate(-8%)scaleX(1.04)}to{transform:translate(8%)scaleX(.96)}}@media (prefers-reduced-motion:reduce){.lumal-border-box *,.lumal-decoration *,.lumal-loading *,.lumal-percent-pond *,.lumal-water-level-pond *,.lumal-active-ring *,.lumal-capsule-chart *,.lumal-conical-column *,.lumal-scroll-ranking-board *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@media (width<=640px){.lumal-active-ring{grid-template-columns:1fr}.lumal-active-ring__graphic{width:min(150px,60%);margin-inline:auto}}
2
2
  /*$vite$:1*/
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalFullScreenContainer-C6Shj4kA.cjs");exports.default=e.LumalFullScreenContainer_default;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LumalFullScreenContainer-C6_iNSO-.cjs");exports.default=e.LumalFullScreenContainer_default;
@@ -1 +1 @@
1
- import{t as a}from"./LumalFullScreenContainer-cR7ZEkF0.js";export{a as default};
1
+ import{t as a}from"./LumalFullScreenContainer-COBOnIQp.js";export{a as default};
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./LumalCharts-CGxZnT5N.cjs"),a=require("./LumalDigitalFlop-Dq-czbRg.cjs"),e=require("./LumalActiveRingChart-Co5OJr8E.cjs"),r=require("./LumalBorderBox-CQK9rz6k.cjs"),u=require("./LumalCapsuleChart-rpE-RLtM.cjs"),t=require("./LumalConicalColumnChart-BeN-R1Ey.cjs"),o=require("./LumalDecoration-DTXgjs1L.cjs"),n=require("./LumalFlylineChart-CC76OSj2.cjs"),m=require("./LumalFlylineChartEnhanced-DG32IMlX.cjs"),L=require("./LumalFullScreenContainer-C6Shj4kA.cjs"),i=require("./LumalLoading-DxNrj7gh.cjs"),c=require("./LumalPercentPond-jg4_kHaE.cjs"),s=require("./LumalScrollBoard-reI7FP8j.cjs"),d=require("./LumalScrollRankingBoard-KvCCxAg3.cjs"),C=require("./LumalWaterLevelPond-HpsintjR.cjs");function p(l,a){const e=l;return e.install=e=>e.component(a,l),e}var h=p(e.LumalActiveRingChart_default,"LumalActiveRingChart"),x=p(r.LumalBorderBox_default,"LumalBorderBox"),S=p(u.LumalCapsuleChart_default,"LumalCapsuleChart"),f=p(l.LumalCharts_default,"LumalCharts"),F=p(t.LumalConicalColumnChart_default,"LumalConicalColumnChart"),g=p(o.LumalDecoration_default,"LumalDecoration"),j=p(a.LumalDigitalFlop_default,"LumalDigitalFlop"),_=p(n.LumalFlylineChart_default,"LumalFlylineChart"),B=p(m.LumalFlylineChartEnhanced_default,"LumalFlylineChartEnhanced"),q=p(L.LumalFullScreenContainer_default,"LumalFullScreenContainer"),P=p(i.LumalLoading_default,"LumalLoading"),v=p(c.LumalPercentPond_default,"LumalPercentPond"),y=p(s.LumalScrollBoard_default,"LumalScrollBoard"),D=p(d.LumalScrollRankingBoard_default,"LumalScrollRankingBoard"),R=p(C.LumalWaterLevelPond_default,"LumalWaterLevelPond"),k=[h,x,S,f,F,g,j,_,B,q,P,v,y,D,R];function E(l){k.forEach(a=>l.use(a))}var A={install:E};exports.LumalActiveRingChart=h,exports.LumalBorderBox=x,exports.LumalCapsuleChart=S,exports.LumalCharts=f,exports.LumalConicalColumnChart=F,exports.LumalDecoration=g,exports.LumalDigitalFlop=j,exports.LumalFlylineChart=_,exports.LumalFlylineChartEnhanced=B,exports.LumalFullScreenContainer=q,exports.LumalLoading=P,exports.LumalPercentPond=v,exports.LumalScrollBoard=y,exports.LumalScrollRankingBoard=D,exports.LumalWaterLevelPond=R,exports.computeFullScreenScale=L.computeFullScreenScale,exports.default=A,exports.install=E,exports.useFullScreenScale=L.useFullScreenScale;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./LumalCharts-DwSXLZ_M.cjs"),a=require("./LumalDigitalFlop-Dq-czbRg.cjs"),e=require("./LumalActiveRingChart-DRLkgB6J.cjs"),r=require("./LumalBorderBox-CQK9rz6k.cjs"),u=require("./LumalCapsuleChart-rpE-RLtM.cjs"),t=require("./LumalConicalColumnChart-BeN-R1Ey.cjs"),o=require("./LumalDecoration-DTXgjs1L.cjs"),n=require("./LumalFlylineChart-CC76OSj2.cjs"),m=require("./LumalFlylineChartEnhanced-DG32IMlX.cjs"),L=require("./LumalFullScreenContainer-C6_iNSO-.cjs"),i=require("./LumalLoading-DxNrj7gh.cjs"),c=require("./LumalPercentPond-jg4_kHaE.cjs"),s=require("./LumalScrollBoard-reI7FP8j.cjs"),d=require("./LumalScrollRankingBoard-KvCCxAg3.cjs"),C=require("./LumalWaterLevelPond-HpsintjR.cjs");function p(l,a){const e=l;return e.install=e=>e.component(a,l),e}var h=p(e.LumalActiveRingChart_default,"LumalActiveRingChart"),x=p(r.LumalBorderBox_default,"LumalBorderBox"),S=p(u.LumalCapsuleChart_default,"LumalCapsuleChart"),f=p(l.LumalCharts_default,"LumalCharts"),F=p(t.LumalConicalColumnChart_default,"LumalConicalColumnChart"),g=p(o.LumalDecoration_default,"LumalDecoration"),j=p(a.LumalDigitalFlop_default,"LumalDigitalFlop"),_=p(n.LumalFlylineChart_default,"LumalFlylineChart"),B=p(m.LumalFlylineChartEnhanced_default,"LumalFlylineChartEnhanced"),q=p(L.LumalFullScreenContainer_default,"LumalFullScreenContainer"),P=p(i.LumalLoading_default,"LumalLoading"),v=p(c.LumalPercentPond_default,"LumalPercentPond"),y=p(s.LumalScrollBoard_default,"LumalScrollBoard"),D=p(d.LumalScrollRankingBoard_default,"LumalScrollRankingBoard"),R=p(C.LumalWaterLevelPond_default,"LumalWaterLevelPond"),k=[h,x,S,f,F,g,j,_,B,q,P,v,y,D,R];function E(l){k.forEach(a=>l.use(a))}var A={install:E};exports.LumalActiveRingChart=h,exports.LumalBorderBox=x,exports.LumalCapsuleChart=S,exports.LumalCharts=f,exports.LumalConicalColumnChart=F,exports.LumalDecoration=g,exports.LumalDigitalFlop=j,exports.LumalFlylineChart=_,exports.LumalFlylineChartEnhanced=B,exports.LumalFullScreenContainer=q,exports.LumalLoading=P,exports.LumalPercentPond=v,exports.LumalScrollBoard=y,exports.LumalScrollRankingBoard=D,exports.LumalWaterLevelPond=R,exports.computeFullScreenScale=L.computeFullScreenScale,exports.default=A,exports.install=E,exports.useFullScreenScale=L.useFullScreenScale;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{t as a}from"./LumalCharts-N_sRZ49O.js";import{t as r}from"./LumalDigitalFlop-CroKCDIF.js";import{t as l}from"./LumalActiveRingChart-6h3Vx3eW.js";import{t as o}from"./LumalBorderBox-CDRaCSA0.js";import{t as m}from"./LumalCapsuleChart-BaP_ke20.js";import{t}from"./LumalConicalColumnChart-D9I6pn6u.js";import{t as n}from"./LumalDecoration-CGZp5j3b.js";import{t as i}from"./LumalFlylineChart-D44ZeeT2.js";import{t as s}from"./LumalFlylineChartEnhanced-CFhbODCy.js";import{n as u,r as e,t as L}from"./LumalFullScreenContainer-cR7ZEkF0.js";import{t as c}from"./LumalLoading-D1NYR5Av.js";import{t as p}from"./LumalPercentPond-vAtYNFU-.js";import{t as f}from"./LumalScrollBoard-DP0O2fJv.js";import{t as C}from"./LumalScrollRankingBoard-C2F-lxfc.js";import{t as d}from"./LumalWaterLevelPond-CKd5dhuV.js";function h(a,r){const l=a;return l.install=l=>l.component(r,a),l}var j=h(l,"LumalActiveRingChart"),g=h(o,"LumalBorderBox"),B=h(m,"LumalCapsuleChart"),F=h(a,"LumalCharts"),v=h(t,"LumalConicalColumnChart"),P=h(n,"LumalDecoration"),S=h(r,"LumalDigitalFlop"),y=h(i,"LumalFlylineChart"),D=h(s,"LumalFlylineChartEnhanced"),R=h(L,"LumalFullScreenContainer"),k=h(c,"LumalLoading"),x=h(p,"LumalPercentPond"),E=h(f,"LumalScrollBoard"),A=h(C,"LumalScrollRankingBoard"),W=h(d,"LumalWaterLevelPond"),b=[j,g,B,F,v,P,S,y,D,R,k,x,E,A,W];function q(a){b.forEach(r=>a.use(r))}var w={install:q};export{j as LumalActiveRingChart,g as LumalBorderBox,B as LumalCapsuleChart,F as LumalCharts,v as LumalConicalColumnChart,P as LumalDecoration,S as LumalDigitalFlop,y as LumalFlylineChart,D as LumalFlylineChartEnhanced,R as LumalFullScreenContainer,k as LumalLoading,x as LumalPercentPond,E as LumalScrollBoard,A as LumalScrollRankingBoard,W as LumalWaterLevelPond,u as computeFullScreenScale,w as default,q as install,e as useFullScreenScale};
1
+ import{t as a}from"./LumalCharts-CoYhWl0w.js";import{t as r}from"./LumalDigitalFlop-CroKCDIF.js";import{t as l}from"./LumalActiveRingChart-BrUxrGR5.js";import{t as o}from"./LumalBorderBox-CDRaCSA0.js";import{t as m}from"./LumalCapsuleChart-BaP_ke20.js";import{t}from"./LumalConicalColumnChart-D9I6pn6u.js";import{t as n}from"./LumalDecoration-CGZp5j3b.js";import{t as i}from"./LumalFlylineChart-D44ZeeT2.js";import{t as s}from"./LumalFlylineChartEnhanced-CFhbODCy.js";import{n as u,r as e,t as L}from"./LumalFullScreenContainer-COBOnIQp.js";import{t as c}from"./LumalLoading-D1NYR5Av.js";import{t as p}from"./LumalPercentPond-vAtYNFU-.js";import{t as f}from"./LumalScrollBoard-DP0O2fJv.js";import{t as C}from"./LumalScrollRankingBoard-C2F-lxfc.js";import{t as d}from"./LumalWaterLevelPond-CKd5dhuV.js";function h(a,r){const l=a;return l.install=l=>l.component(r,a),l}var j=h(l,"LumalActiveRingChart"),g=h(o,"LumalBorderBox"),B=h(m,"LumalCapsuleChart"),F=h(a,"LumalCharts"),v=h(t,"LumalConicalColumnChart"),P=h(n,"LumalDecoration"),S=h(r,"LumalDigitalFlop"),y=h(i,"LumalFlylineChart"),D=h(s,"LumalFlylineChartEnhanced"),R=h(L,"LumalFullScreenContainer"),k=h(c,"LumalLoading"),x=h(p,"LumalPercentPond"),E=h(f,"LumalScrollBoard"),A=h(C,"LumalScrollRankingBoard"),W=h(d,"LumalWaterLevelPond"),b=[j,g,B,F,v,P,S,y,D,R,k,x,E,A,W];function q(a){b.forEach(r=>a.use(r))}var w={install:q};export{j as LumalActiveRingChart,g as LumalBorderBox,B as LumalCapsuleChart,F as LumalCharts,v as LumalConicalColumnChart,P as LumalDecoration,S as LumalDigitalFlop,y as LumalFlylineChart,D as LumalFlylineChartEnhanced,R as LumalFullScreenContainer,k as LumalLoading,x as LumalPercentPond,E as LumalScrollBoard,A as LumalScrollRankingBoard,W as LumalWaterLevelPond,u as computeFullScreenScale,w as default,q as install,e as useFullScreenScale};
@@ -1 +1 @@
1
- {"version":3,"file":"LumalCharts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LumalCharts.vue"],"names":[],"mappings":"AA4XA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAA;AAC3C,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACd,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,KAAK,mBAAmB,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,yDAAyD;IACzD,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,gBAAgB,CAAC,EAAE,aAAa,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AA4FF,iBAAS,aAAa,IAAI,IAAI,CAQ7B;AAgSD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA5EG,UAAU;wBACT,iBAAiB;wBACjB,aAAa,GAAG,iBAAiB,YAAY,aAAa,GAAG,OAAO;;;YAvU/E,iBAAiB;YAEjB,aAAa;WACd,MAAM,GAAG,MAAM,GAAG,IAAI;iBAChB,eAAe;sBACV,aAAa;gBACnB,OAAO;YACX,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;WAC9C,MAAM;aACJ,OAAO;iBACH,MAAM;oBACH,MAAM;eACX,MAAM;6EAyYlB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"LumalCharts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LumalCharts.vue"],"names":[],"mappings":"AA6XA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAA;AAC3C,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACd,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,KAAK,mBAAmB,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,yDAAyD;IACzD,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,gBAAgB,CAAC,EAAE,aAAa,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AA4FF,iBAAS,aAAa,IAAI,IAAI,CAQ7B;AAiSD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA5EG,UAAU;wBACT,iBAAiB;wBACjB,aAAa,GAAG,iBAAiB,YAAY,aAAa,GAAG,OAAO;;;YAxU/E,iBAAiB;YAEjB,aAAa;WACd,MAAM,GAAG,MAAM,GAAG,IAAI;iBAChB,eAAe;sBACV,aAAa;gBACnB,OAAO;YACX,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;WAC9C,MAAM;aACJ,OAAO;iBACH,MAAM;oBACH,MAAM;eACX,MAAM;6EA0YlB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -27,7 +27,7 @@ export interface UseFullScreenScaleOptions {
27
27
  * 使用 requestAnimationFrame 节流 ResizeObserver 回调,避免频繁重排。
28
28
  */
29
29
  export declare function useFullScreenScale(containerRef: Readonly<Ref<HTMLElement | null>>, options: UseFullScreenScaleOptions): {
30
- result: import("vue").ShallowRef<FullScreenScaleResult, FullScreenScaleResult>;
30
+ result: import("vue").ShallowRef<import("@lumal/viewport").ViewportScaleResult, import("@lumal/viewport").ViewportScaleResult>;
31
31
  ready: import("vue").ShallowRef<boolean, boolean>;
32
32
  measure: () => void;
33
33
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useFullScreenScale.d.ts","sourceRoot":"","sources":["../../../src/composables/useFullScreenScale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,oDAAoD;AAEpD,MAAM,WAAW,qBAAqB;IACpC,iBAAiB;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,qBAAqB,CAyBvB;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,MAAM,CAAA;CAC3B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,EAC/C,OAAO,EAAE,yBAAyB;;;mBAwCd,IAAI;EAkCzB"}
1
+ {"version":3,"file":"useFullScreenScale.d.ts","sourceRoot":"","sources":["../../../src/composables/useFullScreenScale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,oDAAoD;AAEpD,MAAM,WAAW,qBAAqB;IACpC,iBAAiB;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,qBAAqB,CAEvB;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,MAAM,CAAA;CAC3B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,EAC/C,OAAO,EAAE,yBAAyB;;;;EAQnC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lumal/datav",
3
3
  "type": "module",
4
- "version": "0.0.5-beta",
4
+ "version": "0.0.6-beta",
5
5
  "description": "High-fidelity Vue 3 refactors of DataV cockpit visualization components.",
6
6
  "license": "MIT",
7
7
  "keywords": [
@@ -113,8 +113,14 @@
113
113
  "echarts": "^6.0.0",
114
114
  "vue": "^3.5.0"
115
115
  },
116
+ "peerDependenciesMeta": {
117
+ "echarts": {
118
+ "optional": true
119
+ }
120
+ },
116
121
  "dependencies": {
117
- "@jiaminghi/charts": "0.2.18"
122
+ "@jiaminghi/charts": "0.2.18",
123
+ "@lumal/viewport": "0.0.6-beta"
118
124
  },
119
125
  "devDependencies": {
120
126
  "echarts": "^6.1.0"
@@ -1 +0,0 @@
1
- const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue");function n(e,t,n,i){if(n<=0||i<=0||e<=0||t<=0)return{containerWidth:Math.max(0,e),containerHeight:Math.max(0,t),scale:1,scaledWidth:n,scaledHeight:i,offsetX:0,offsetY:0};const a=Math.min(e/n,t/i),o=n*a,r=i*a;return{containerWidth:e,containerHeight:t,scale:a,scaledWidth:o,scaledHeight:r,offsetX:(e-o)/2,offsetY:(t-r)/2}}function i(e,i){const a=(0,t.shallowRef)({containerWidth:0,containerHeight:0,scale:1,scaledWidth:i.designWidth(),scaledHeight:i.designHeight(),offsetX:0,offsetY:0}),o=(0,t.shallowRef)(!1);let r,l;function d(){void 0!==l&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(l):clearTimeout(l),l=void 0)}function u(){l=void 0;const t=e.value;t&&(a.value=n(t.clientWidth,t.clientHeight,i.designWidth(),i.designHeight()),o.value=!0)}function s(){d(),l="function"==typeof requestAnimationFrame?requestAnimationFrame(u):setTimeout(u,16)}function c(e){r?.disconnect(),r=void 0,e&&"undefined"!=typeof ResizeObserver&&(r=new ResizeObserver(s),r.observe(e)),s()}return(0,t.watch)(e,c),(0,t.onMounted)(()=>{c(e.value),"undefined"!=typeof window&&"undefined"==typeof ResizeObserver&&window.addEventListener("resize",s)}),(0,t.onBeforeUnmount)(()=>{d(),r?.disconnect(),r=void 0,"undefined"!=typeof window&&window.removeEventListener("resize",s)}),{result:a,ready:o,measure:s}}var a=["data-mode"],o=(0,t.defineComponent)({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const n=e,o=(0,t.useTemplateRef)("containerRef"),r=(0,t.computed)(()=>n.width??("undefined"==typeof screen?1920:screen.width)),l=(0,t.computed)(()=>n.height??("undefined"==typeof screen?1080:screen.height)),{result:d,ready:u}=i(o,{designHeight:()=>l.value,designWidth:()=>r.value}),s=(0,t.computed)(()=>{if("vwvh"===n.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,r.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,l.value)+"vh"};if("scale"===n.mode)return{height:`${l.value}px`,transform:`translate(${d.value.offsetX}px, ${d.value.offsetY}px) scale(${d.value.scale})`,transformOrigin:"top left",width:`${r.value}px`};const e=(d.value.containerWidth||r.value)/Math.max(1,r.value);return{height:`${l.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${r.value}px`}});return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"containerRef",ref:o,class:"lumal-full-screen-container","data-mode":e.mode,style:(0,t.normalizeStyle)({zIndex:e.zIndex})},[(0,t.createElementVNode)("div",{class:"lumal-full-screen-container__stage",style:(0,t.normalizeStyle)(s.value)},[(0,t.unref)(u)?(0,t.renderSlot)(n.$slots,"default",{key:0},void 0,!0):(0,t.createCommentVNode)("",!0)],4)],12,a))}}),r=e._plugin_vue_export_helper_default(o,[["__scopeId","data-v-9931d1a8"]]);Object.defineProperty(exports,"LumalFullScreenContainer_default",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"computeFullScreenScale",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"useFullScreenScale",{enumerable:!0,get:function(){return i}});
@@ -1 +0,0 @@
1
- import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createCommentVNode as n,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeStyle as d,onBeforeUnmount as s,onMounted as r,openBlock as l,renderSlot as u,shallowRef as f,unref as c,useTemplateRef as h,watch as v}from"vue";function m(e,t,n,i){if(n<=0||i<=0||e<=0||t<=0)return{containerWidth:Math.max(0,e),containerHeight:Math.max(0,t),scale:1,scaledWidth:n,scaledHeight:i,offsetX:0,offsetY:0};const a=Math.min(e/n,t/i),o=n*a,d=i*a;return{containerWidth:e,containerHeight:t,scale:a,scaledWidth:o,scaledHeight:d,offsetX:(e-o)/2,offsetY:(t-d)/2}}function g(e,t){const n=f({containerWidth:0,containerHeight:0,scale:1,scaledWidth:t.designWidth(),scaledHeight:t.designHeight(),offsetX:0,offsetY:0}),i=f(!1);let a,o;function d(){void 0!==o&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(o):clearTimeout(o),o=void 0)}function l(){o=void 0;const a=e.value;a&&(n.value=m(a.clientWidth,a.clientHeight,t.designWidth(),t.designHeight()),i.value=!0)}function u(){d(),o="function"==typeof requestAnimationFrame?requestAnimationFrame(l):setTimeout(l,16)}function c(e){a?.disconnect(),a=void 0,e&&"undefined"!=typeof ResizeObserver&&(a=new ResizeObserver(u),a.observe(e)),u()}return v(e,c),r(()=>{c(e.value),"undefined"!=typeof window&&"undefined"==typeof ResizeObserver&&window.addEventListener("resize",u)}),s(()=>{d(),a?.disconnect(),a=void 0,"undefined"!=typeof window&&window.removeEventListener("resize",u)}),{result:n,ready:i,measure:u}}var p=["data-mode"],w=/*#__PURE__*/e(/*@__PURE__*/o({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const o=e,s=h("containerRef"),r=t(()=>o.width??("undefined"==typeof screen?1920:screen.width)),f=t(()=>o.height??("undefined"==typeof screen?1080:screen.height)),{result:v,ready:m}=g(s,{designHeight:()=>f.value,designWidth:()=>r.value}),w=t(()=>{if("vwvh"===o.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,r.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,f.value)+"vh"};if("scale"===o.mode)return{height:`${f.value}px`,transform:`translate(${v.value.offsetX}px, ${v.value.offsetY}px) scale(${v.value.scale})`,transformOrigin:"top left",width:`${r.value}px`};const e=(v.value.containerWidth||r.value)/Math.max(1,r.value);return{height:`${f.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${r.value}px`}});return(t,o)=>(l(),i("div",{ref_key:"containerRef",ref:s,class:"lumal-full-screen-container","data-mode":e.mode,style:d({zIndex:e.zIndex})},[a("div",{class:"lumal-full-screen-container__stage",style:d(w.value)},[c(m)?u(t.$slots,"default",{key:0},void 0,!0):n("",!0)],4)],12,p))}}),[["__scopeId","data-v-9931d1a8"]]);export{m as n,g as r,w as t};