@mekari/pixel3-chart 0.0.1-dev.0

package/dist/modules/chart.props.d.mts

@@ -0,0 +1,126 @@
+import * as chart_js_dist_types_utils from 'chart.js/dist/types/utils';
+import * as chart_js from 'chart.js';
+import { ChartData } from 'chart.js';
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const chartProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    type: {
+        type: PropType<keyof chart_js.ChartTypeRegistry>;
+        default: string;
+    };
+    widthChart: {
+        type: PropType<string>;
+        default: string;
+    };
+    heightChart: {
+        type: PropType<string>;
+        default: string;
+    };
+    widthContainer: {
+        type: PropType<string>;
+        default: string;
+    };
+    heightContainer: {
+        type: PropType<string>;
+        default: string;
+    };
+    data: {
+        type: PropType<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
+        default: () => {
+            labels: string;
+            dataSets: never[];
+        };
+    };
+    options: {
+        type: PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
+        default: () => void;
+    };
+    colorPattern: {
+        type: PropType<string>;
+        default: string;
+    };
+    colorStart: {
+        type: PropType<number>;
+        default: number;
+    };
+    colorRatio: {
+        type: PropType<number>;
+        default: number;
+    };
+    legendPosition: {
+        type: PropType<string>;
+        default: string;
+    };
+    legendDirection: {
+        type: PropType<string>;
+        default: string;
+    };
+    tooltipMarginTop: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipMarginLeft: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            offsetTop: number;
+            offsetLeft: number;
+        };
+    };
+    isShowLegend: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowTooltip: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowDataLabels: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isHorizontal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isStacked: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isArea: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDebug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowBackgroundHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowGaugePointer: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isMixedChart: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const chartEmit: readonly ["show-tooltip", "hide-tooltip", "click-legend"];
+type ChartProps = ExtractPropTypes<typeof chartProps>;
+type ChartEmit = (event: (typeof chartEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { ChartEmit, ChartProps, chartEmit, chartProps };

package/dist/modules/chart.props.d.ts

@@ -0,0 +1,126 @@
+import * as chart_js_dist_types_utils from 'chart.js/dist/types/utils';
+import * as chart_js from 'chart.js';
+import { ChartData } from 'chart.js';
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const chartProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    type: {
+        type: PropType<keyof chart_js.ChartTypeRegistry>;
+        default: string;
+    };
+    widthChart: {
+        type: PropType<string>;
+        default: string;
+    };
+    heightChart: {
+        type: PropType<string>;
+        default: string;
+    };
+    widthContainer: {
+        type: PropType<string>;
+        default: string;
+    };
+    heightContainer: {
+        type: PropType<string>;
+        default: string;
+    };
+    data: {
+        type: PropType<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
+        default: () => {
+            labels: string;
+            dataSets: never[];
+        };
+    };
+    options: {
+        type: PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
+        default: () => void;
+    };
+    colorPattern: {
+        type: PropType<string>;
+        default: string;
+    };
+    colorStart: {
+        type: PropType<number>;
+        default: number;
+    };
+    colorRatio: {
+        type: PropType<number>;
+        default: number;
+    };
+    legendPosition: {
+        type: PropType<string>;
+        default: string;
+    };
+    legendDirection: {
+        type: PropType<string>;
+        default: string;
+    };
+    tooltipMarginTop: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipMarginLeft: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            offsetTop: number;
+            offsetLeft: number;
+        };
+    };
+    isShowLegend: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowTooltip: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowDataLabels: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isHorizontal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isStacked: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isArea: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDebug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowBackgroundHover: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowGaugePointer: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isMixedChart: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const chartEmit: readonly ["show-tooltip", "hide-tooltip", "click-legend"];
+type ChartProps = ExtractPropTypes<typeof chartProps>;
+type ChartEmit = (event: (typeof chartEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { ChartEmit, ChartProps, chartEmit, chartProps };

package/dist/modules/chart.props.js

@@ -0,0 +1,153 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/chart.props.ts
+var chart_props_exports = {};
+__export(chart_props_exports, {
+  chartEmit: () => chartEmit,
+  chartProps: () => chartProps
+});
+module.exports = __toCommonJS(chart_props_exports);
+var chartProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "bar"
+  },
+  widthChart: {
+    type: String,
+    default: "100%"
+  },
+  heightChart: {
+    type: String,
+    default: "256px"
+  },
+  widthContainer: {
+    type: String,
+    default: "100%"
+  },
+  heightContainer: {
+    type: String,
+    default: "100%"
+  },
+  data: {
+    type: Object,
+    default: () => {
+      return {
+        labels: "",
+        dataSets: []
+      };
+    }
+  },
+  options: {
+    type: Object,
+    default: () => {
+    }
+  },
+  colorPattern: {
+    type: String,
+    default: "categorical"
+  },
+  colorStart: {
+    type: Number,
+    default: 1
+  },
+  colorRatio: {
+    type: Number,
+    default: 0.2
+  },
+  legendPosition: {
+    type: String,
+    default: "bottom"
+  },
+  legendDirection: {
+    type: String,
+    default: "left"
+  },
+  tooltipMarginTop: {
+    type: Number,
+    default: 0
+  },
+  tooltipMarginLeft: {
+    type: Number,
+    default: 0
+  },
+  tooltipOptions: {
+    type: Object,
+    default: () => {
+      return {
+        offsetTop: 0,
+        offsetLeft: 0
+      };
+    }
+  },
+  isShowLegend: {
+    type: Boolean,
+    default: true
+  },
+  isShowTooltip: {
+    type: Boolean,
+    default: true
+  },
+  isShowDataLabels: {
+    type: Boolean,
+    default: false
+  },
+  isHorizontal: {
+    type: Boolean,
+    default: false
+  },
+  isStacked: {
+    type: Boolean,
+    default: false
+  },
+  isArea: {
+    type: Boolean,
+    default: false
+  },
+  isDebug: {
+    type: Boolean,
+    default: false
+  },
+  isShowBackgroundHover: {
+    type: Boolean,
+    default: false
+  },
+  isShowGaugePointer: {
+    type: Boolean,
+    default: false
+  },
+  isMixedChart: {
+    type: Boolean,
+    default: false
+  }
+};
+var chartEmit = ["show-tooltip", "hide-tooltip", "click-legend"];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  chartEmit,
+  chartProps
+});

package/dist/modules/chart.props.mjs

@@ -0,0 +1,9 @@
+import {
+  chartEmit,
+  chartProps
+} from "../chunk-4Y625OEJ.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  chartEmit,
+  chartProps
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@mekari/pixel3-chart",
+  "description": "Chart component for mekari pixel 3",
+  "version": "0.0.1-dev.0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "chart.js": "^4.4.2",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "color": "^4.2.3",
+    "lodash-es": "^4.17.21",
+    "@mekari/pixel3-styled-system": "0.0.8-dev.0",
+    "@mekari/pixel3-text": "0.0.10-dev.0",
+    "@mekari/pixel3-utils": "0.0.6-dev.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.9"
+  },
+  "devDependencies": {
+    "@types/color": "^3.0.6",
+    "@types/lodash-es": "^4.17.12",
+    "vue": "^3.4.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}