@unovis/vue 1.3.0-alpha.1 → 1.3.0-alpha.3
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/components/area/index.cjs +1 -1
- package/components/area/index.cjs.map +1 -1
- package/components/area/index.d.ts +4 -2
- package/components/area/index.js +18 -16
- package/components/area/index.js.map +1 -1
- package/components/axis/index.cjs +1 -1
- package/components/axis/index.cjs.map +1 -1
- package/components/axis/index.d.ts +4 -2
- package/components/axis/index.js +18 -16
- package/components/axis/index.js.map +1 -1
- package/components/brush/index.cjs +1 -1
- package/components/brush/index.cjs.map +1 -1
- package/components/brush/index.d.ts +4 -2
- package/components/brush/index.js +17 -15
- package/components/brush/index.js.map +1 -1
- package/components/chord-diagram/index.cjs +1 -1
- package/components/chord-diagram/index.cjs.map +1 -1
- package/components/chord-diagram/index.d.ts +4 -2
- package/components/chord-diagram/index.js +18 -16
- package/components/chord-diagram/index.js.map +1 -1
- package/components/crosshair/index.cjs +1 -1
- package/components/crosshair/index.cjs.map +1 -1
- package/components/crosshair/index.d.ts +4 -2
- package/components/crosshair/index.js +18 -16
- package/components/crosshair/index.js.map +1 -1
- package/components/donut/index.cjs +1 -1
- package/components/donut/index.cjs.map +1 -1
- package/components/donut/index.d.ts +4 -2
- package/components/donut/index.js +17 -15
- package/components/donut/index.js.map +1 -1
- package/components/free-brush/index.cjs +1 -1
- package/components/free-brush/index.cjs.map +1 -1
- package/components/free-brush/index.d.ts +4 -2
- package/components/free-brush/index.js +18 -16
- package/components/free-brush/index.js.map +1 -1
- package/components/graph/index.cjs +1 -1
- package/components/graph/index.cjs.map +1 -1
- package/components/graph/index.d.ts +4 -2
- package/components/graph/index.js +18 -16
- package/components/graph/index.js.map +1 -1
- package/components/grouped-bar/index.cjs +1 -1
- package/components/grouped-bar/index.cjs.map +1 -1
- package/components/grouped-bar/index.d.ts +4 -2
- package/components/grouped-bar/index.js +18 -16
- package/components/grouped-bar/index.js.map +1 -1
- package/components/line/index.cjs +1 -1
- package/components/line/index.cjs.map +1 -1
- package/components/line/index.d.ts +4 -2
- package/components/line/index.js +18 -16
- package/components/line/index.js.map +1 -1
- package/components/nested-donut/index.cjs +1 -1
- package/components/nested-donut/index.cjs.map +1 -1
- package/components/nested-donut/index.d.ts +4 -2
- package/components/nested-donut/index.js +18 -16
- package/components/nested-donut/index.js.map +1 -1
- package/components/sankey/index.cjs +1 -1
- package/components/sankey/index.cjs.map +1 -1
- package/components/sankey/index.d.ts +4 -2
- package/components/sankey/index.js +18 -16
- package/components/sankey/index.js.map +1 -1
- package/components/scatter/index.cjs +1 -1
- package/components/scatter/index.cjs.map +1 -1
- package/components/scatter/index.d.ts +4 -2
- package/components/scatter/index.js +17 -15
- package/components/scatter/index.js.map +1 -1
- package/components/stacked-bar/index.cjs +1 -1
- package/components/stacked-bar/index.cjs.map +1 -1
- package/components/stacked-bar/index.d.ts +4 -2
- package/components/stacked-bar/index.js +18 -16
- package/components/stacked-bar/index.js.map +1 -1
- package/components/timeline/index.cjs +1 -1
- package/components/timeline/index.cjs.map +1 -1
- package/components/timeline/index.d.ts +4 -2
- package/components/timeline/index.js +18 -16
- package/components/timeline/index.js.map +1 -1
- package/components/tooltip/index.cjs +1 -1
- package/components/tooltip/index.cjs.map +1 -1
- package/components/tooltip/index.d.ts +4 -1
- package/components/tooltip/index.js +18 -16
- package/components/tooltip/index.js.map +1 -1
- package/components/topojson-map/index.cjs +1 -1
- package/components/topojson-map/index.cjs.map +1 -1
- package/components/topojson-map/index.d.ts +4 -2
- package/components/topojson-map/index.js +18 -16
- package/components/topojson-map/index.js.map +1 -1
- package/components/xy-labels/index.cjs +1 -1
- package/components/xy-labels/index.cjs.map +1 -1
- package/components/xy-labels/index.d.ts +4 -2
- package/components/xy-labels/index.js +18 -16
- package/components/xy-labels/index.js.map +1 -1
- package/containers/single-container/index.cjs +2 -0
- package/containers/single-container/index.cjs.map +1 -0
- package/containers/single-container/{single-container.d.ts → index.d.ts} +6 -3
- package/containers/single-container/index.js +60 -0
- package/containers/single-container/index.js.map +1 -0
- package/containers/single-container/index2.cjs +2 -0
- package/containers/single-container/index2.cjs.map +1 -0
- package/containers/single-container/index2.js +5 -0
- package/containers/single-container/index2.js.map +1 -0
- package/containers/single-container/index3.cjs +2 -0
- package/containers/single-container/index3.cjs.map +1 -0
- package/containers/single-container/index3.js +6 -0
- package/containers/single-container/index3.js.map +1 -0
- package/containers/xy-container/index.cjs +2 -0
- package/containers/xy-container/index.cjs.map +1 -0
- package/containers/xy-container/{xy-container.d.ts → index.d.ts} +6 -3
- package/containers/xy-container/index.js +95 -0
- package/containers/xy-container/index.js.map +1 -0
- package/containers/xy-container/index2.cjs +2 -0
- package/containers/xy-container/index2.cjs.map +1 -0
- package/containers/xy-container/index2.js +5 -0
- package/containers/xy-container/index2.js.map +1 -0
- package/containers/xy-container/index3.cjs +2 -0
- package/containers/xy-container/index3.cjs.map +1 -0
- package/containers/xy-container/index3.js +6 -0
- package/containers/xy-container/index3.js.map +1 -0
- package/containers.d.ts +2 -2
- package/html-components/bullet-legend/index.cjs +1 -1
- package/html-components/bullet-legend/index.cjs.map +1 -1
- package/html-components/bullet-legend/index.d.ts +4 -2
- package/html-components/bullet-legend/index.js +16 -14
- package/html-components/bullet-legend/index.js.map +1 -1
- package/html-components/leaflet-flow-map/index.cjs +1 -1
- package/html-components/leaflet-flow-map/index.cjs.map +1 -1
- package/html-components/leaflet-flow-map/index.d.ts +4 -2
- package/html-components/leaflet-flow-map/index.js +17 -15
- package/html-components/leaflet-flow-map/index.js.map +1 -1
- package/html-components/leaflet-map/index.cjs +1 -1
- package/html-components/leaflet-map/index.cjs.map +1 -1
- package/html-components/leaflet-map/index.d.ts +4 -2
- package/html-components/leaflet-map/index.js +17 -15
- package/html-components/leaflet-map/index.js.map +1 -1
- package/index.cjs +2 -2
- package/index.js +5 -5
- package/package.json +17 -4
- package/utils/props.cjs +1 -1
- package/utils/props.cjs.map +1 -1
- package/utils/props.js +10 -9
- package/utils/props.js.map +1 -1
- package/containers/single-container/single-container.cjs +0 -2
- package/containers/single-container/single-container.cjs.map +0 -1
- package/containers/single-container/single-container.js +0 -64
- package/containers/single-container/single-container.js.map +0 -1
- package/containers/single-container/single-container2.cjs +0 -2
- package/containers/single-container/single-container2.cjs.map +0 -1
- package/containers/single-container/single-container2.js +0 -5
- package/containers/single-container/single-container2.js.map +0 -1
- package/containers/single-container/single-container3.cjs +0 -2
- package/containers/single-container/single-container3.cjs.map +0 -1
- package/containers/single-container/single-container3.js +0 -6
- package/containers/single-container/single-container3.js.map +0 -1
- package/containers/xy-container/xy-container.cjs +0 -2
- package/containers/xy-container/xy-container.cjs.map +0 -1
- package/containers/xy-container/xy-container.js +0 -103
- package/containers/xy-container/xy-container.js.map +0 -1
- package/containers/xy-container/xy-container2.cjs +0 -2
- package/containers/xy-container/xy-container2.cjs.map +0 -1
- package/containers/xy-container/xy-container2.js +0 -5
- package/containers/xy-container/xy-container2.js.map +0 -1
- package/containers/xy-container/xy-container3.cjs +0 -2
- package/containers/xy-container/xy-container3.cjs.map +0 -1
- package/containers/xy-container/xy-container3.js +0 -6
- package/containers/xy-container/xy-container3.js.map +0 -1
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { defineComponent as v, toRefs as f, getCurrentInstance as g, computed as h, ref as p, watch as l, onUnmounted as y, provide as u, openBlock as C, createElementBlock as _, renderSlot as k } from "vue";
|
|
2
|
-
import { SingleContainer as w } from "@unovis/ts";
|
|
3
|
-
import { componentAccessorKey as R, tooltipAccessorKey as A } from "../../utils/context.js";
|
|
4
|
-
import { parseProps as B } from "../../utils/props.js";
|
|
5
|
-
const x = /* @__PURE__ */ v({
|
|
6
|
-
__name: "single-container",
|
|
7
|
-
props: {
|
|
8
|
-
component: {},
|
|
9
|
-
tooltip: {},
|
|
10
|
-
duration: {},
|
|
11
|
-
margin: {},
|
|
12
|
-
padding: {},
|
|
13
|
-
sizing: {},
|
|
14
|
-
width: {},
|
|
15
|
-
height: {},
|
|
16
|
-
svgDefs: {},
|
|
17
|
-
ariaLabel: {},
|
|
18
|
-
data: {}
|
|
19
|
-
},
|
|
20
|
-
setup(d) {
|
|
21
|
-
const i = d, { data: t } = f(i), m = g(), s = h(() => B(i, m)), n = p(), o = {
|
|
22
|
-
component: void 0,
|
|
23
|
-
tooltip: void 0
|
|
24
|
-
}, r = p(), a = () => {
|
|
25
|
-
var e;
|
|
26
|
-
c(), (e = n.value) == null || e.updateContainer({ ...s.value, ...o });
|
|
27
|
-
}, c = () => {
|
|
28
|
-
n.value || r.value && o.component && t.value && (n.value = new w(r.value, o, t.value));
|
|
29
|
-
};
|
|
30
|
-
return l(t, () => {
|
|
31
|
-
n.value ? (n.value.setData(t.value, !0), a()) : c();
|
|
32
|
-
}), l(s, () => {
|
|
33
|
-
a();
|
|
34
|
-
}), y(() => {
|
|
35
|
-
var e;
|
|
36
|
-
return (e = n.value) == null ? void 0 : e.destroy();
|
|
37
|
-
}), u(R, {
|
|
38
|
-
data: t,
|
|
39
|
-
update: (e) => {
|
|
40
|
-
o.component = e, a();
|
|
41
|
-
},
|
|
42
|
-
destroy: () => o.component = void 0
|
|
43
|
-
}), u(A, {
|
|
44
|
-
data: t,
|
|
45
|
-
update: (e) => {
|
|
46
|
-
o.tooltip = e, a();
|
|
47
|
-
},
|
|
48
|
-
destroy: () => {
|
|
49
|
-
o.tooltip = void 0;
|
|
50
|
-
}
|
|
51
|
-
}), (e, D) => (C(), _("div", {
|
|
52
|
-
"data-vis-single-container": "",
|
|
53
|
-
ref_key: "elRef",
|
|
54
|
-
ref: r,
|
|
55
|
-
class: "unovis-single-container"
|
|
56
|
-
}, [
|
|
57
|
-
k(e.$slots, "default")
|
|
58
|
-
], 512));
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
export {
|
|
62
|
-
x as default
|
|
63
|
-
};
|
|
64
|
-
//# sourceMappingURL=single-container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-container.js","sources":["../../../src/containers/single-container/single-container.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'single-container',\n props: {\n component: {},\n tooltip: {},\n duration: {},\n margin: {},\n padding: {},\n sizing: {},\n width: {},\n height: {},\n svgDefs: {},\n ariaLabel: {},\n data: {}\n },\n setup(__props: any) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps(props, instance))\n\nconst chart = ref<SingleContainer<T> | undefined>()\nconst config: SingleContainerConfigInterface<T> = {\n component: undefined,\n tooltip: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n initChart()\n chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nconst initChart = () => {\n if (chart.value) return\n if (elRef.value && config.component && data.value)\n chart.value = new SingleContainer(elRef.value, config, data.value)\n}\n\nwatch(data, () => {\n if (chart.value) {\n chart.value.setData(data.value, true)\n updateContainer()\n } else {\n initChart()\n }\n})\nwatch(parsedProps, () => {\n updateContainer()\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: ComponentCore<T>) => {\n config.component = c\n updateContainer()\n },\n destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n data,\n update: (t: Tooltip) => {\n config.tooltip = t\n updateContainer()\n },\n destroy: () => { config.tooltip = undefined },\n})\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n \"data-vis-single-container\": \"\",\n ref_key: \"elRef\",\n ref: elRef,\n class: \"unovis-single-container\"\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","initChart","_a","SingleContainer","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAGR,EAAE,MAAAE,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAWC,KACXC,IAAcC,EAAS,MAAMC,EAAWP,GAAOG,CAAQ,CAAC,GAExDK,IAAQC,KACRC,IAA4C;AAAA,MAChD,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,GAELC,IAAQF,KAERG,IAAkB,MAAM;;AAClB,MAAAC,MACJC,IAAAN,EAAA,UAAA,QAAAM,EAAO,gBAAgB,EAAE,GAAGT,EAAY,OAAO,GAAGK;IAAQ,GAG5DG,IAAY,MAAM;AACtB,MAAIL,EAAM,SACNG,EAAM,SAASD,EAAO,aAAaT,EAAK,UAC1CO,EAAM,QAAQ,IAAIO,EAAgBJ,EAAM,OAAOD,GAAQT,EAAK,KAAK;AAAA,IAAA;AAGrE,WAAAe,EAAMf,GAAM,MAAM;AAChB,MAAIO,EAAM,SACRA,EAAM,MAAM,QAAQP,EAAK,OAAO,EAAI,GACpBW,OAENC;IACZ,CACD,GACDG,EAAMX,GAAa,MAAM;AACP,MAAAO;IAAA,CACjB,GAEDK,EAAY,MAAA;;AAAM,cAAAH,IAAAN,EAAM,UAAN,gBAAAM,EAAa;AAAA,KAAS,GAExCI,EAAQC,GAAsB;AAAA,MAC5B,MAAAlB;AAAA,MACA,QAAQ,CAACmB,MAAwB;AAC/B,QAAAV,EAAO,YAAYU,GACHR;MAClB;AAAA,MACA,SAAS,MAAMF,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDQ,EAAQG,GAAoB;AAAA,MAC1B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAe;AACtB,QAAAZ,EAAO,UAAUY,GACDV;MAClB;AAAA,MACA,SAAS,MAAM;AAAE,QAAAF,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEM,CAACa,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,6BAA6B;AAAA,MAC7B,SAAS;AAAA,MACT,KAAKf;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDgB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-container2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-container2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-container3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-container3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("vue"),y=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),m=o.defineComponent({__name:"xy-container",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(u){const c=u,{data:n}=o.toRefs(c),l=o.getCurrentInstance(),p=o.computed(()=>v.parseProps(c,l)),a=o.ref(),t={components:[],crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0},r=o.ref(),s=()=>{var e;(e=a.value)==null||e.updateContainer({...p.value,...t})};return o.watch(n,()=>{a.value&&(a.value.setData(n.value,!0),s())}),o.watch(p,()=>{s()}),o.onMounted(()=>{r.value&&(a.value=new y.XYContainer(r.value,t,n.value))}),o.onUnmounted(()=>{var e;return(e=a.value)==null?void 0:e.destroy()}),o.provide(i.componentAccessorKey,{data:n,update:e=>{t.components=[...t.components,e],s()},destroy:()=>{var e;return t.components=(e=t.components)==null?void 0:e.filter(d=>!d.isDestroyed())}}),o.provide(i.axisAccessorKey,{data:n,update:e=>{t[`${e.config.type}Axis`]=e,s()},destroy:e=>{t[`${e}Axis`]=void 0}}),o.provide(i.crosshairAccessorKey,{data:n,update:e=>{t.crosshair=e,s()},destroy:()=>{t.crosshair=void 0}}),o.provide(i.tooltipAccessorKey,{data:n,update:e=>{t.tooltip=e,s()},destroy:()=>{t.tooltip=void 0}}),(e,d)=>(o.openBlock(),o.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[o.renderSlot(e.$slots,"default")],512))}});module.exports=m;
|
|
2
|
-
//# sourceMappingURL=xy-container.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container.cjs","sources":["../../../src/containers/xy-container/xy-container.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'xy-container',\n props: {\n components: {},\n xScale: { type: [Object, Function] },\n xDomain: {},\n xDomainMinConstraint: {},\n xDomainMaxConstraint: {},\n xRange: {},\n yScale: { type: [Object, Function] },\n yDomain: {},\n yDomainMinConstraint: {},\n yDomainMaxConstraint: {},\n yRange: {},\n yDirection: {},\n xAxis: {},\n yAxis: {},\n autoMargin: { type: Boolean },\n tooltip: {},\n crosshair: {},\n preventEmptyDomain: { type: [Boolean, null] },\n scaleByDomain: { type: Boolean },\n duration: {},\n margin: {},\n padding: {},\n sizing: {},\n width: {},\n height: {},\n svgDefs: {},\n ariaLabel: {},\n data: {}\n },\n setup(__props: any) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps(props, instance))\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config: XYContainerConfigInterface<T> = {\n components: [],\n crosshair: undefined,\n tooltip: undefined,\n xAxis: undefined,\n yAxis: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nwatch(data, () => {\n if (chart.value) {\n chart.value.setData(data.value, true)\n updateContainer()\n }\n})\nwatch(parsedProps, () => {\n updateContainer()\n})\n\nonMounted(() => {\n if (elRef.value) chart.value = new XYContainer(elRef.value, config, data.value)\n})\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: XYComponentCore<T>) => {\n config.components = [...config.components!, c]\n updateContainer()\n },\n destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n data,\n update: (c: Axis<T>) => {\n config[`${c.config.type}Axis`] = c\n updateContainer()\n },\n destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n data,\n update: (c: Crosshair<T>) => {\n config.crosshair = c\n updateContainer()\n },\n destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n data,\n update: (t: Tooltip) => {\n config.tooltip = t\n updateContainer()\n },\n destroy: () => { config.tooltip = undefined },\n})\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n \"data-vis-xy-container\": \"\",\n ref_key: \"elRef\",\n ref: elRef,\n class: \"unovis-xy-container\"\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","_a","watch","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { defineComponent as y, toRefs as v, getCurrentInstance as f, computed as x, ref as d, watch as l, onMounted as D, onUnmounted as g, provide as i, openBlock as h, createElementBlock as A, renderSlot as C } from "vue";
|
|
2
|
-
import { XYContainer as B } from "@unovis/ts";
|
|
3
|
-
import { componentAccessorKey as M, axisAccessorKey as _, crosshairAccessorKey as R, tooltipAccessorKey as K } from "../../utils/context.js";
|
|
4
|
-
import { parseProps as b } from "../../utils/props.js";
|
|
5
|
-
const j = /* @__PURE__ */ y({
|
|
6
|
-
__name: "xy-container",
|
|
7
|
-
props: {
|
|
8
|
-
components: {},
|
|
9
|
-
xScale: { type: [Object, Function] },
|
|
10
|
-
xDomain: {},
|
|
11
|
-
xDomainMinConstraint: {},
|
|
12
|
-
xDomainMaxConstraint: {},
|
|
13
|
-
xRange: {},
|
|
14
|
-
yScale: { type: [Object, Function] },
|
|
15
|
-
yDomain: {},
|
|
16
|
-
yDomainMinConstraint: {},
|
|
17
|
-
yDomainMaxConstraint: {},
|
|
18
|
-
yRange: {},
|
|
19
|
-
yDirection: {},
|
|
20
|
-
xAxis: {},
|
|
21
|
-
yAxis: {},
|
|
22
|
-
autoMargin: { type: Boolean },
|
|
23
|
-
tooltip: {},
|
|
24
|
-
crosshair: {},
|
|
25
|
-
preventEmptyDomain: { type: [Boolean, null] },
|
|
26
|
-
scaleByDomain: { type: Boolean },
|
|
27
|
-
duration: {},
|
|
28
|
-
margin: {},
|
|
29
|
-
padding: {},
|
|
30
|
-
sizing: {},
|
|
31
|
-
width: {},
|
|
32
|
-
height: {},
|
|
33
|
-
svgDefs: {},
|
|
34
|
-
ariaLabel: {},
|
|
35
|
-
data: {}
|
|
36
|
-
},
|
|
37
|
-
setup(u) {
|
|
38
|
-
const r = u, { data: t } = v(r), m = f(), c = x(() => b(r, m)), a = d(), e = {
|
|
39
|
-
components: [],
|
|
40
|
-
crosshair: void 0,
|
|
41
|
-
tooltip: void 0,
|
|
42
|
-
xAxis: void 0,
|
|
43
|
-
yAxis: void 0
|
|
44
|
-
}, s = d(), n = () => {
|
|
45
|
-
var o;
|
|
46
|
-
(o = a.value) == null || o.updateContainer({ ...c.value, ...e });
|
|
47
|
-
};
|
|
48
|
-
return l(t, () => {
|
|
49
|
-
a.value && (a.value.setData(t.value, !0), n());
|
|
50
|
-
}), l(c, () => {
|
|
51
|
-
n();
|
|
52
|
-
}), D(() => {
|
|
53
|
-
s.value && (a.value = new B(s.value, e, t.value));
|
|
54
|
-
}), g(() => {
|
|
55
|
-
var o;
|
|
56
|
-
return (o = a.value) == null ? void 0 : o.destroy();
|
|
57
|
-
}), i(M, {
|
|
58
|
-
data: t,
|
|
59
|
-
update: (o) => {
|
|
60
|
-
e.components = [...e.components, o], n();
|
|
61
|
-
},
|
|
62
|
-
destroy: () => {
|
|
63
|
-
var o;
|
|
64
|
-
return e.components = (o = e.components) == null ? void 0 : o.filter((p) => !p.isDestroyed());
|
|
65
|
-
}
|
|
66
|
-
}), i(_, {
|
|
67
|
-
data: t,
|
|
68
|
-
update: (o) => {
|
|
69
|
-
e[`${o.config.type}Axis`] = o, n();
|
|
70
|
-
},
|
|
71
|
-
destroy: (o) => {
|
|
72
|
-
e[`${o}Axis`] = void 0;
|
|
73
|
-
}
|
|
74
|
-
}), i(R, {
|
|
75
|
-
data: t,
|
|
76
|
-
update: (o) => {
|
|
77
|
-
e.crosshair = o, n();
|
|
78
|
-
},
|
|
79
|
-
destroy: () => {
|
|
80
|
-
e.crosshair = void 0;
|
|
81
|
-
}
|
|
82
|
-
}), i(K, {
|
|
83
|
-
data: t,
|
|
84
|
-
update: (o) => {
|
|
85
|
-
e.tooltip = o, n();
|
|
86
|
-
},
|
|
87
|
-
destroy: () => {
|
|
88
|
-
e.tooltip = void 0;
|
|
89
|
-
}
|
|
90
|
-
}), (o, p) => (h(), A("div", {
|
|
91
|
-
"data-vis-xy-container": "",
|
|
92
|
-
ref_key: "elRef",
|
|
93
|
-
ref: s,
|
|
94
|
-
class: "unovis-xy-container"
|
|
95
|
-
}, [
|
|
96
|
-
C(o.$slots, "default")
|
|
97
|
-
], 512));
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
export {
|
|
101
|
-
j as default
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=xy-container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container.js","sources":["../../../src/containers/xy-container/xy-container.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'xy-container',\n props: {\n components: {},\n xScale: { type: [Object, Function] },\n xDomain: {},\n xDomainMinConstraint: {},\n xDomainMaxConstraint: {},\n xRange: {},\n yScale: { type: [Object, Function] },\n yDomain: {},\n yDomainMinConstraint: {},\n yDomainMaxConstraint: {},\n yRange: {},\n yDirection: {},\n xAxis: {},\n yAxis: {},\n autoMargin: { type: Boolean },\n tooltip: {},\n crosshair: {},\n preventEmptyDomain: { type: [Boolean, null] },\n scaleByDomain: { type: Boolean },\n duration: {},\n margin: {},\n padding: {},\n sizing: {},\n width: {},\n height: {},\n svgDefs: {},\n ariaLabel: {},\n data: {}\n },\n setup(__props: any) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps(props, instance))\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config: XYContainerConfigInterface<T> = {\n components: [],\n crosshair: undefined,\n tooltip: undefined,\n xAxis: undefined,\n yAxis: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nwatch(data, () => {\n if (chart.value) {\n chart.value.setData(data.value, true)\n updateContainer()\n }\n})\nwatch(parsedProps, () => {\n updateContainer()\n})\n\nonMounted(() => {\n if (elRef.value) chart.value = new XYContainer(elRef.value, config, data.value)\n})\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: XYComponentCore<T>) => {\n config.components = [...config.components!, c]\n updateContainer()\n },\n destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n data,\n update: (c: Axis<T>) => {\n config[`${c.config.type}Axis`] = c\n updateContainer()\n },\n destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n data,\n update: (c: Crosshair<T>) => {\n config.crosshair = c\n updateContainer()\n },\n destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n data,\n update: (t: Tooltip) => {\n config.tooltip = t\n updateContainer()\n },\n destroy: () => { config.tooltip = undefined },\n})\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n \"data-vis-xy-container\": \"\",\n ref_key: \"elRef\",\n ref: elRef,\n class: \"unovis-xy-container\"\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","_a","watch","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xy-container3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|