@mekari/pixel3-chart 0.0.7-dev.0 → 0.0.7-dev.2
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/dist/chart.js +4 -0
- package/dist/chart.mjs +2 -2
- package/dist/{chunk-TTRBJAW4.mjs → chunk-CXRIHJSJ.mjs} +1 -1
- package/dist/{chunk-GVSW6CH3.mjs → chunk-LU452YL3.mjs} +4 -0
- package/dist/index.js +4 -0
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/chart.hooks.js +4 -0
- package/dist/modules/chart.hooks.mjs +1 -1
- package/package.json +6 -5
package/dist/chart.js
CHANGED
|
@@ -252,6 +252,9 @@ function useChart(props, emit) {
|
|
|
252
252
|
maintainAspectRatio: false,
|
|
253
253
|
responsive: true,
|
|
254
254
|
animation: true,
|
|
255
|
+
hover: {
|
|
256
|
+
mode: null
|
|
257
|
+
},
|
|
255
258
|
cutout: type.value === "doughnut" ? "65%" : 0,
|
|
256
259
|
...isHorizontalBarChart.value && {
|
|
257
260
|
indexAxis: "y"
|
|
@@ -294,6 +297,7 @@ function useChart(props, emit) {
|
|
|
294
297
|
},
|
|
295
298
|
elements: {
|
|
296
299
|
bar: {
|
|
300
|
+
hoverBackgroundColor: getListColors.value[1],
|
|
297
301
|
backgroundColor: getListColors.value[1],
|
|
298
302
|
borderRadius: "4",
|
|
299
303
|
...isStacked.value && {
|
package/dist/chart.mjs
CHANGED
|
@@ -92,6 +92,9 @@ function useChart(props, emit) {
|
|
|
92
92
|
maintainAspectRatio: false,
|
|
93
93
|
responsive: true,
|
|
94
94
|
animation: true,
|
|
95
|
+
hover: {
|
|
96
|
+
mode: null
|
|
97
|
+
},
|
|
95
98
|
cutout: type.value === "doughnut" ? "65%" : 0,
|
|
96
99
|
...isHorizontalBarChart.value && {
|
|
97
100
|
indexAxis: "y"
|
|
@@ -134,6 +137,7 @@ function useChart(props, emit) {
|
|
|
134
137
|
},
|
|
135
138
|
elements: {
|
|
136
139
|
bar: {
|
|
140
|
+
hoverBackgroundColor: getListColors.value[1],
|
|
137
141
|
backgroundColor: getListColors.value[1],
|
|
138
142
|
borderRadius: "4",
|
|
139
143
|
...isStacked.value && {
|
package/dist/index.js
CHANGED
|
@@ -254,6 +254,9 @@ function useChart(props, emit) {
|
|
|
254
254
|
maintainAspectRatio: false,
|
|
255
255
|
responsive: true,
|
|
256
256
|
animation: true,
|
|
257
|
+
hover: {
|
|
258
|
+
mode: null
|
|
259
|
+
},
|
|
257
260
|
cutout: type.value === "doughnut" ? "65%" : 0,
|
|
258
261
|
...isHorizontalBarChart.value && {
|
|
259
262
|
indexAxis: "y"
|
|
@@ -296,6 +299,7 @@ function useChart(props, emit) {
|
|
|
296
299
|
},
|
|
297
300
|
elements: {
|
|
298
301
|
bar: {
|
|
302
|
+
hoverBackgroundColor: getListColors.value[1],
|
|
299
303
|
backgroundColor: getListColors.value[1],
|
|
300
304
|
borderRadius: "4",
|
|
301
305
|
...isStacked.value && {
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/chart.props.ts":{"bytes":2837,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/chart.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/chart.props.ts":{"bytes":2837,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/chart.hooks.ts":{"bytes":24066,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"color","kind":"import-statement","external":true},{"path":"chart.js/auto","kind":"import-statement","external":true},{"path":"chartjs-plugin-datalabels","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/chart.tsx":{"bytes":3337,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/chart.props.ts","kind":"import-statement","original":"./modules/chart.props"},{"path":"src/modules/chart.hooks.ts","kind":"import-statement","original":"./modules/chart.hooks"},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/chart.tsx","kind":"import-statement","original":"./chart"}],"format":"esm"}},"outputs":{"dist/chart.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true},{"path":"color","kind":"require-call","external":true},{"path":"chart.js/auto","kind":"require-call","external":true},{"path":"chartjs-plugin-datalabels","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/chart.tsx","inputs":{"src/chart.tsx":{"bytesInOutput":4090},"src/modules/chart.props.ts":{"bytesInOutput":1785},"src/modules/chart.hooks.ts":{"bytesInOutput":25105}},"bytes":32665},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true},{"path":"color","kind":"require-call","external":true},{"path":"chart.js/auto","kind":"require-call","external":true},{"path":"chartjs-plugin-datalabels","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/chart.tsx":{"bytesInOutput":3965},"src/modules/chart.props.ts":{"bytesInOutput":1785},"src/modules/chart.hooks.ts":{"bytesInOutput":25105}},"bytes":32676},"dist/modules/chart.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true},{"path":"color","kind":"require-call","external":true},{"path":"chart.js/auto","kind":"require-call","external":true},{"path":"chartjs-plugin-datalabels","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/chart.hooks.ts","inputs":{"src/modules/chart.hooks.ts":{"bytesInOutput":25250}},"bytes":26869},"dist/modules/chart.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/chart.props.ts","inputs":{"src/modules/chart.props.ts":{"bytesInOutput":2030}},"bytes":2977}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/chart.props.ts":{"bytes":2837,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/chart.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/chart.props.ts":{"bytes":2837,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/chart.hooks.ts":{"bytes":24066,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"color","kind":"import-statement","external":true},{"path":"chart.js/auto","kind":"import-statement","external":true},{"path":"chartjs-plugin-datalabels","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/chart.tsx":{"bytes":3337,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/chart.props.ts","kind":"import-statement","original":"./modules/chart.props"},{"path":"src/modules/chart.hooks.ts","kind":"import-statement","original":"./modules/chart.hooks"},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/chart.tsx","kind":"import-statement","original":"./chart"}],"format":"esm"}},"outputs":{"dist/chart.mjs":{"imports":[{"path":"dist/chunk-CXRIHJSJ.mjs","kind":"import-statement"},{"path":"dist/chunk-LU452YL3.mjs","kind":"import-statement"},{"path":"dist/chunk-4Y625OEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpChart"],"entryPoint":"src/chart.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-CXRIHJSJ.mjs","kind":"import-statement"},{"path":"dist/chunk-LU452YL3.mjs","kind":"import-statement"},{"path":"dist/chunk-4Y625OEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpChart"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":165},"dist/chunk-CXRIHJSJ.mjs":{"imports":[{"path":"dist/chunk-LU452YL3.mjs","kind":"import-statement"},{"path":"dist/chunk-4Y625OEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true}],"exports":["MpChart"],"inputs":{"src/chart.tsx":{"bytesInOutput":3499}},"bytes":3693},"dist/modules/chart.hooks.mjs":{"imports":[{"path":"dist/chunk-LU452YL3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useChart"],"entryPoint":"src/modules/chart.hooks.ts","inputs":{},"bytes":107},"dist/chunk-LU452YL3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"color","kind":"import-statement","external":true},{"path":"chart.js/auto","kind":"import-statement","external":true},{"path":"chartjs-plugin-datalabels","kind":"import-statement","external":true}],"exports":["useChart"],"inputs":{"src/modules/chart.hooks.ts":{"bytesInOutput":23322}},"bytes":23426},"dist/modules/chart.props.mjs":{"imports":[{"path":"dist/chunk-4Y625OEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["chartEmit","chartProps"],"entryPoint":"src/modules/chart.props.ts","inputs":{},"bytes":137},"dist/chunk-4Y625OEJ.mjs":{"imports":[],"exports":["chartEmit","chartProps"],"inputs":{"src/modules/chart.props.ts":{"bytesInOutput":1851}},"bytes":1920},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -123,6 +123,9 @@ function useChart(props, emit) {
|
|
|
123
123
|
maintainAspectRatio: false,
|
|
124
124
|
responsive: true,
|
|
125
125
|
animation: true,
|
|
126
|
+
hover: {
|
|
127
|
+
mode: null
|
|
128
|
+
},
|
|
126
129
|
cutout: type.value === "doughnut" ? "65%" : 0,
|
|
127
130
|
...isHorizontalBarChart.value && {
|
|
128
131
|
indexAxis: "y"
|
|
@@ -165,6 +168,7 @@ function useChart(props, emit) {
|
|
|
165
168
|
},
|
|
166
169
|
elements: {
|
|
167
170
|
bar: {
|
|
171
|
+
hoverBackgroundColor: getListColors.value[1],
|
|
168
172
|
backgroundColor: getListColors.value[1],
|
|
169
173
|
borderRadius: "4",
|
|
170
174
|
...isStacked.value && {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-chart",
|
|
3
3
|
"description": "Chart component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.7-dev.
|
|
4
|
+
"version": "0.0.7-dev.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"chartjs-plugin-datalabels": "^2.2.0",
|
|
13
13
|
"color": "^4.2.3",
|
|
14
14
|
"lodash-es": "^4.17.21",
|
|
15
|
-
"@mekari/pixel3-styled-system": "0.1.2-dev.
|
|
16
|
-
"@mekari/pixel3-
|
|
17
|
-
"@mekari/pixel3-
|
|
15
|
+
"@mekari/pixel3-styled-system": "0.1.2-dev.2",
|
|
16
|
+
"@mekari/pixel3-text": "0.0.16-dev.2",
|
|
17
|
+
"@mekari/pixel3-utils": "0.0.7-dev.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"vue": "^3.4.9"
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"build:types": "tsup src --dts-only",
|
|
44
44
|
"types:check": "tsc --noEmit",
|
|
45
45
|
"replace-config": "clean-package",
|
|
46
|
-
"restore-config": "clean-package restore"
|
|
46
|
+
"restore-config": "clean-package restore",
|
|
47
|
+
"types:vue": "vue-tsc --noEmit"
|
|
47
48
|
}
|
|
48
49
|
}
|