@flowtools/uplot 0.0.8 → 0.0.10

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as N, ref as D, onMounted as P, watch as v, nextTick as R, openBlock as p, createElementBlock as u, createTextVNode as j, toDisplayString as d, renderSlot as C, unref as m, createElementVNode as y, createCommentVNode as S, Fragment as U, renderList as L, normalizeClass as M, normalizeStyle as T } from "vue";
+import { defineComponent as F, ref as D, onMounted as N, watch as v, nextTick as P, openBlock as p, createElementBlock as u, renderSlot as j, unref as d, createElementVNode as y, createTextVNode as U, toDisplayString as h, createCommentVNode as S, Fragment as L, renderList as M, normalizeClass as R, normalizeStyle as C } from "vue";
 import q from "uplot";
-import { useElementSize as G, useVModel as B } from "@vueuse/core";
-const E = (n) => {
+import { useElementSize as G, useVModel as T } from "@vueuse/core";
+const B = (n) => {
   if (typeof n == "object" && n !== null) {
     if (typeof Object.getPrototypeOf == "function") {
       const r = Object.getPrototypeOf(n);
@@ -16,19 +16,19 @@ const E = (n) => {
       "Arguments provided to ts-deepmerge must be objects, not arrays."
     );
   return a && Object.keys(a).forEach((o) => {
-    ["__proto__", "constructor", "prototype"].includes(o) || (Array.isArray(r[o]) && Array.isArray(a[o]) ? r[o] = c.options.mergeArrays ? Array.from(new Set(r[o].concat(a[o]))) : a[o] : E(r[o]) && E(a[o]) ? r[o] = c(r[o], a[o]) : r[o] = a[o]);
+    ["__proto__", "constructor", "prototype"].includes(o) || (Array.isArray(r[o]) && Array.isArray(a[o]) ? r[o] = c.options.mergeArrays ? Array.from(new Set(r[o].concat(a[o]))) : a[o] : B(r[o]) && B(a[o]) ? r[o] = c(r[o], a[o]) : r[o] = a[o]);
   }), r;
-}, {}), $ = {
+}, {}), E = {
   mergeArrays: !0
 };
-c.options = $;
+c.options = E;
 c.withOptions = (n, ...r) => {
   c.options = {
     mergeArrays: !0,
     ...n
   };
   const a = c(...r);
-  return c.options = $, a;
+  return c.options = E, a;
 };
 const H = { class: "__uplot-root" }, I = {
   key: 0,
@@ -39,7 +39,7 @@ const H = { class: "__uplot-root" }, I = {
 }, Y = {
   key: 2,
   class: "__uplot-legend-value"
-}, te = /* @__PURE__ */ N({
+}, te = /* @__PURE__ */ F({
   __name: "uplot",
   props: {
     options: {},
@@ -52,7 +52,7 @@ const H = { class: "__uplot-root" }, I = {
   },
   emits: ["select", "cursor", "update:zoom", "update:series"],
   setup(n, { expose: r, emit: a }) {
-    const o = n, _ = a, b = D(), { width: w, height: x } = G(b), z = B(o, "zoom", _, { passive: !0 }), i = B(o, "series", _, { passive: !0 }), F = {
+    const o = n, _ = a, b = D(), { width: w, height: x } = G(b), z = T(o, "zoom", _, { passive: !0 }), i = T(o, "series", _, { passive: !0 }), $ = {
       title: void 0,
       legend: {
         show: !1
@@ -73,12 +73,12 @@ const H = { class: "__uplot-root" }, I = {
         setCursor: [
           (e) => {
             _("cursor", e.cursor), i.value = e.series.map((l, t) => {
-              var f, h;
+              var f, m;
               return {
                 label: l.label,
                 stroke: typeof l.stroke == "function" ? l.stroke(e, t) : null,
                 value: e.cursor.idx && e.data[t][e.cursor.idx] ? typeof l.value == "function" ? l.value(e, e.data[t][e.cursor.idx], t, e.cursor.idx) : e.data[t][e.cursor.idx] : null,
-                data: (f = e.cursor) != null && f.idx ? e.data[t][(h = e.cursor) == null ? void 0 : h.idx] : null,
+                data: (f = e.cursor) != null && f.idx ? e.data[t][(m = e.cursor) == null ? void 0 : m.idx] : null,
                 show: l.show
                 // ...s,
               };
@@ -106,14 +106,14 @@ const H = { class: "__uplot-root" }, I = {
     let s;
     const O = D();
     function A() {
-      s && s.destroy(), s = new q({ width: 100, height: 100, ...c(o.options, F) }, o.data, b.value), O.value = s, o.zoom[0] !== null && o.zoom[1] !== null && s.setScale("x", { min: o.zoom[0], max: o.zoom[1] }), setTimeout(() => {
+      s && s.destroy(), s = new q({ width: 100, height: 100, ...c(o.options, $) }, o.data, b.value), O.value = s, o.zoom[0] !== null && o.zoom[1] !== null && s.setScale("x", { min: o.zoom[0], max: o.zoom[1] }), setTimeout(() => {
         k();
       }, 0);
     }
-    P(() => {
+    N(() => {
       A();
     }), v([w, x], () => {
-      R(() => {
+      P(() => {
         k();
       });
     }), v(o.data, (e) => {
@@ -135,9 +135,8 @@ const H = { class: "__uplot-root" }, I = {
       typeof e == "object" && (e = ((l = i.value) == null ? void 0 : l.indexOf(e)) || -1), s.setSeries(e, { show: !s.series[e].show }), (t = i.value) != null && t[e] && (i.value[e].show = s.series[e].show);
     }
     return r({ toggleShow: g, uplot: O }), (e, l) => (p(), u("div", H, [
-      j(" r " + d(e.noResetScale) + " ", 1),
-      C(e.$slots, "header", {
-        series: m(i),
+      j(e.$slots, "header", {
+        series: d(i),
         toggleShow: g
       }),
       y("div", {
@@ -146,30 +145,30 @@ const H = { class: "__uplot-root" }, I = {
         class: "__uplot"
       }, null, 512),
       e.showDebug ? (p(), u("div", I, [
-        j(d(m(w)) + " x " + d(m(x)) + " ", 1),
+        U(h(d(w)) + " x " + h(d(x)) + " ", 1),
         J,
-        y("pre", K, d(m(i)), 1)
+        y("pre", K, h(d(i)), 1)
       ])) : S("", !0),
-      e.noFooter ? S("", !0) : C(e.$slots, "footer", {
+      e.noFooter ? S("", !0) : j(e.$slots, "footer", {
         key: 1,
-        series: m(i),
+        series: d(i),
         toggleShow: g
       }, () => [
         y("div", Q, [
-          (p(!0), u(U, null, L(m(i), (t, f) => {
-            var h;
+          (p(!0), u(L, null, M(d(i), (t, f) => {
+            var m;
             return p(), u("div", {
               key: t.label,
-              class: M(["__uplot-legend-series", [`__uplot-${(h = t.label) == null ? void 0 : h.toLowerCase()}`, `__uplot-i-${f}`]]),
-              style: T({ backgroundColor: t.show ? "" : "lightgrey" }),
+              class: R(["__uplot-legend-series", [`__uplot-${(m = t.label) == null ? void 0 : m.toLowerCase()}`, `__uplot-i-${f}`]]),
+              style: C({ backgroundColor: t.show ? "" : "lightgrey" }),
               onClick: (Z) => g(f)
             }, [
               f !== 0 ? (p(), u("span", {
                 key: 0,
-                style: T({ color: t.stroke || "black" }),
+                style: C({ color: t.stroke || "black" }),
                 class: "__uplot-legend-label"
-              }, d(t.label), 5)) : S("", !0),
-              t.value ? (p(), u("span", X, d(t.value), 1)) : (p(), u("span", Y, "--"))
+              }, h(t.label), 5)) : S("", !0),
+              t.value ? (p(), u("span", X, h(t.value), 1)) : (p(), u("span", Y, "--"))
             ], 14, W);
           }), 128))
         ])

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("uplot"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","uplot","@vueuse/core"],o):(i=typeof globalThis<"u"?globalThis:i||self,o(i["change-name"]={},i.vue,i.Uplot,i.core))})(this,function(i,o,D,g){"use strict";const b=c=>{if(typeof c=="object"&&c!==null){if(typeof Object.getPrototypeOf=="function"){const r=Object.getPrototypeOf(c);return r===Object.prototype||r===null}return Object.prototype.toString.call(c)==="[object Object]"}return!1},d=(...c)=>c.reduce((r,a)=>{if(Array.isArray(a))throw new TypeError("Arguments provided to ts-deepmerge must be objects, not arrays.");return a&&Object.keys(a).forEach(t=>{["__proto__","constructor","prototype"].includes(t)||(Array.isArray(r[t])&&Array.isArray(a[t])?r[t]=d.options.mergeArrays?Array.from(new Set(r[t].concat(a[t]))):a[t]:b(r[t])&&b(a[t])?r[t]=d(r[t],a[t]):r[t]=a[t])}),r},{}),w={mergeArrays:!0};d.options=w,d.withOptions=(c,...r)=>{d.options={mergeArrays:!0,...c};const a=d(...r);return d.options=w,a};const E={class:"__uplot-root"},O={key:0,class:"extra-info"},A=o.createElementVNode("br",null,null,-1),j={style:{"text-align":"left"}},C={class:"__uplot-legend"},T=["onClick"],N={key:1,class:"__uplot-legend-value"},V={key:2,class:"__uplot-legend-value"},$=o.defineComponent({__name:"uplot",props:{options:{},data:{},noResetScale:{type:Boolean,default:!1},showDebug:{type:Boolean,default:!1},noFooter:{type:Boolean,default:!1},zoom:{default:()=>[null,null]},series:{}},emits:["select","cursor","update:zoom","update:series"],setup(c,{expose:r,emit:a}){const t=c,h=a,_=o.ref(),{width:y,height:S}=g.useElementSize(_),k=g.useVModel(t,"zoom",h,{passive:!0}),p=g.useVModel(t,"series",h,{passive:!0}),M={title:void 0,legend:{show:!1},hooks:{init:[e=>{t.showDebug&&console.log("init",e),p.value=e.series.map((n,l)=>({label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:null,data:null,show:n.show}))}],setCursor:[e=>{h("cursor",e.cursor),p.value=e.series.map((n,l)=>{var f,m;return{label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:e.cursor.idx&&e.data[l][e.cursor.idx]?typeof n.value=="function"?n.value(e,e.data[l][e.cursor.idx],l,e.cursor.idx):e.data[l][e.cursor.idx]:null,data:(f=e.cursor)!=null&&f.idx?e.data[l][(m=e.cursor)==null?void 0:m.idx]:null,show:n.show}})}],setSelect:[e=>{h("select",e.select),t.showDebug&&console.log("setSelect",e.select),k.value=[e.posToVal(e.select.left,"x"),e.posToVal(e.select.left+e.select.width,"x")]}],setScale:[e=>{t.showDebug&&console.log("setScale",e.scales),k.value=[e.scales.x.min||null,e.scales.x.max||null]}]}};let s;const x=o.ref();function z(){s&&s.destroy(),s=new D({width:100,height:100,...d(t.options,M)},t.data,_.value),x.value=s,t.zoom[0]!==null&&t.zoom[1]!==null&&s.setScale("x",{min:t.zoom[0],max:t.zoom[1]}),setTimeout(()=>{B()},0)}o.onMounted(()=>{z()}),o.watch([y,S],()=>{o.nextTick(()=>{B()})}),o.watch(t.data,e=>{if(t.noResetScale){s.setData(e,!1),s.redraw(!1);return}s.setData(e,!0)}),o.watch(t.options,(e,n)=>{t.showDebug&&console.log("watch options",e,n),z()}),o.watch(()=>t.zoom,(e,n)=>{e[0]!==null&&e[1]!==null&&(s.scales.x.min!==e[0]||s.scales.x.max!==e[1])&&(console.log("watch zoom setScale",s.scales.x.min,e[0],s.scales.x.max,e[1]),s.setScale("x",{min:e[0],max:e[1]}))});function B(){s.setSize({width:y.value,height:S.value}),t.showDebug&&console.log("resize",s)}function u(e){var n,l;typeof e=="object"&&(e=((n=p.value)==null?void 0:n.indexOf(e))||-1),s.setSeries(e,{show:!s.series[e].show}),(l=p.value)!=null&&l[e]&&(p.value[e].show=s.series[e].show)}return r({toggleShow:u,uplot:x}),(e,n)=>(o.openBlock(),o.createElementBlock("div",E,[o.createTextVNode(" r "+o.toDisplayString(e.noResetScale)+" ",1),o.renderSlot(e.$slots,"header",{series:o.unref(p),toggleShow:u}),o.createElementVNode("div",{ref_key:"el",ref:_,class:"__uplot"},null,512),e.showDebug?(o.openBlock(),o.createElementBlock("div",O,[o.createTextVNode(o.toDisplayString(o.unref(y))+" x "+o.toDisplayString(o.unref(S))+" ",1),A,o.createElementVNode("pre",j,o.toDisplayString(o.unref(p)),1)])):o.createCommentVNode("",!0),e.noFooter?o.createCommentVNode("",!0):o.renderSlot(e.$slots,"footer",{key:1,series:o.unref(p),toggleShow:u},()=>[o.createElementVNode("div",C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(p),(l,f)=>{var m;return o.openBlock(),o.createElementBlock("div",{key:l.label,class:o.normalizeClass(["__uplot-legend-series",[`__uplot-${(m=l.label)==null?void 0:m.toLowerCase()}`,`__uplot-i-${f}`]]),style:o.normalizeStyle({backgroundColor:l.show?"":"lightgrey"}),onClick:P=>u(f)},[f!==0?(o.openBlock(),o.createElementBlock("span",{key:0,style:o.normalizeStyle({color:l.stroke||"black"}),class:"__uplot-legend-label"},o.toDisplayString(l.label),5)):o.createCommentVNode("",!0),l.value?(o.openBlock(),o.createElementBlock("span",N,o.toDisplayString(l.value),1)):(o.openBlock(),o.createElementBlock("span",V,"--"))],14,T)}),128))])])]))}});i.Uplot=$,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("uplot"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","uplot","@vueuse/core"],o):(i=typeof globalThis<"u"?globalThis:i||self,o(i["change-name"]={},i.vue,i.Uplot,i.core))})(this,function(i,o,D,g){"use strict";const w=c=>{if(typeof c=="object"&&c!==null){if(typeof Object.getPrototypeOf=="function"){const r=Object.getPrototypeOf(c);return r===Object.prototype||r===null}return Object.prototype.toString.call(c)==="[object Object]"}return!1},d=(...c)=>c.reduce((r,a)=>{if(Array.isArray(a))throw new TypeError("Arguments provided to ts-deepmerge must be objects, not arrays.");return a&&Object.keys(a).forEach(t=>{["__proto__","constructor","prototype"].includes(t)||(Array.isArray(r[t])&&Array.isArray(a[t])?r[t]=d.options.mergeArrays?Array.from(new Set(r[t].concat(a[t]))):a[t]:w(r[t])&&w(a[t])?r[t]=d(r[t],a[t]):r[t]=a[t])}),r},{}),S={mergeArrays:!0};d.options=S,d.withOptions=(c,...r)=>{d.options={mergeArrays:!0,...c};const a=d(...r);return d.options=S,a};const E={class:"__uplot-root"},O={key:0,class:"extra-info"},A=o.createElementVNode("br",null,null,-1),j={style:{"text-align":"left"}},C={class:"__uplot-legend"},T=["onClick"],N={key:1,class:"__uplot-legend-value"},V={key:2,class:"__uplot-legend-value"},$=o.defineComponent({__name:"uplot",props:{options:{},data:{},noResetScale:{type:Boolean,default:!1},showDebug:{type:Boolean,default:!1},noFooter:{type:Boolean,default:!1},zoom:{default:()=>[null,null]},series:{}},emits:["select","cursor","update:zoom","update:series"],setup(c,{expose:r,emit:a}){const t=c,h=a,_=o.ref(),{width:y,height:b}=g.useElementSize(_),k=g.useVModel(t,"zoom",h,{passive:!0}),p=g.useVModel(t,"series",h,{passive:!0}),M={title:void 0,legend:{show:!1},hooks:{init:[e=>{t.showDebug&&console.log("init",e),p.value=e.series.map((n,l)=>({label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:null,data:null,show:n.show}))}],setCursor:[e=>{h("cursor",e.cursor),p.value=e.series.map((n,l)=>{var f,m;return{label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:e.cursor.idx&&e.data[l][e.cursor.idx]?typeof n.value=="function"?n.value(e,e.data[l][e.cursor.idx],l,e.cursor.idx):e.data[l][e.cursor.idx]:null,data:(f=e.cursor)!=null&&f.idx?e.data[l][(m=e.cursor)==null?void 0:m.idx]:null,show:n.show}})}],setSelect:[e=>{h("select",e.select),t.showDebug&&console.log("setSelect",e.select),k.value=[e.posToVal(e.select.left,"x"),e.posToVal(e.select.left+e.select.width,"x")]}],setScale:[e=>{t.showDebug&&console.log("setScale",e.scales),k.value=[e.scales.x.min||null,e.scales.x.max||null]}]}};let s;const x=o.ref();function z(){s&&s.destroy(),s=new D({width:100,height:100,...d(t.options,M)},t.data,_.value),x.value=s,t.zoom[0]!==null&&t.zoom[1]!==null&&s.setScale("x",{min:t.zoom[0],max:t.zoom[1]}),setTimeout(()=>{B()},0)}o.onMounted(()=>{z()}),o.watch([y,b],()=>{o.nextTick(()=>{B()})}),o.watch(t.data,e=>{if(t.noResetScale){s.setData(e,!1),s.redraw(!1);return}s.setData(e,!0)}),o.watch(t.options,(e,n)=>{t.showDebug&&console.log("watch options",e,n),z()}),o.watch(()=>t.zoom,(e,n)=>{e[0]!==null&&e[1]!==null&&(s.scales.x.min!==e[0]||s.scales.x.max!==e[1])&&(console.log("watch zoom setScale",s.scales.x.min,e[0],s.scales.x.max,e[1]),s.setScale("x",{min:e[0],max:e[1]}))});function B(){s.setSize({width:y.value,height:b.value}),t.showDebug&&console.log("resize",s)}function u(e){var n,l;typeof e=="object"&&(e=((n=p.value)==null?void 0:n.indexOf(e))||-1),s.setSeries(e,{show:!s.series[e].show}),(l=p.value)!=null&&l[e]&&(p.value[e].show=s.series[e].show)}return r({toggleShow:u,uplot:x}),(e,n)=>(o.openBlock(),o.createElementBlock("div",E,[o.renderSlot(e.$slots,"header",{series:o.unref(p),toggleShow:u}),o.createElementVNode("div",{ref_key:"el",ref:_,class:"__uplot"},null,512),e.showDebug?(o.openBlock(),o.createElementBlock("div",O,[o.createTextVNode(o.toDisplayString(o.unref(y))+" x "+o.toDisplayString(o.unref(b))+" ",1),A,o.createElementVNode("pre",j,o.toDisplayString(o.unref(p)),1)])):o.createCommentVNode("",!0),e.noFooter?o.createCommentVNode("",!0):o.renderSlot(e.$slots,"footer",{key:1,series:o.unref(p),toggleShow:u},()=>[o.createElementVNode("div",C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(p),(l,f)=>{var m;return o.openBlock(),o.createElementBlock("div",{key:l.label,class:o.normalizeClass(["__uplot-legend-series",[`__uplot-${(m=l.label)==null?void 0:m.toLowerCase()}`,`__uplot-i-${f}`]]),style:o.normalizeStyle({backgroundColor:l.show?"":"lightgrey"}),onClick:P=>u(f)},[f!==0?(o.openBlock(),o.createElementBlock("span",{key:0,style:o.normalizeStyle({color:l.stroke||"black"}),class:"__uplot-legend-label"},o.toDisplayString(l.label),5)):o.createCommentVNode("",!0),l.value?(o.openBlock(),o.createElementBlock("span",N,o.toDisplayString(l.value),1)):(o.openBlock(),o.createElementBlock("span",V,"--"))],14,T)}),128))])])]))}});i.Uplot=$,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@flowtools/uplot",
-  "version": "0.0.8",
+  "type": "module",
+  "version": "0.0.10",
   "description": "Modern vue component for uplot",
   "keywords": [
     "add keywords"
@@ -50,7 +51,7 @@
     "uplot": "^1.6.28",
     "vi-canvas-mock": "^1.0.0",
     "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.1",
+    "vite-plugin-dts": "^3.7.2",
     "vitest": "^1.2.1",
     "vue": "^3.4.15"
   },
@@ -61,8 +62,8 @@
     "build": "vite build --mode production",
     "dev": "vite",
     "release": "pnpm build && bumpp --commit --push --tag && pnpm publish",
-    "lint": "eslint --ext .ts,.tsx,.js,.jsx .",
-    "lint:fix": "eslint --ext .ts,.tsx,.js,.jsx . --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "test": "vitest",
     "test:watch": "vitest --watch",
     "coverage": "vitest run --coverage"