@vtj/charts 0.8.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 陈华春
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.mjs

@@ -0,0 +1,71 @@
+import { ref as o, onMounted as u, unref as c, markRaw as h, onUnmounted as p, watch as f, defineComponent as l, toRefs as v, computed as d, h as m } from "vue";
+import * as R from "echarts";
+import { useResizeObserver as g } from "@vueuse/core";
+import { debounce as y } from "@vtj/utils";
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/charts 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.8.5
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+const S = "0.8.5";
+function w(s, r, n) {
+  const e = o();
+  return u(() => {
+    const t = c(r);
+    t && (e.value || (e.value = h(s.init(t))), e.value && e.value.setOption(n.value || {}));
+  }), p(() => {
+    e.value && e.value.dispose();
+  }), f(
+    n,
+    (t) => {
+      e.value && e.value.setOption(t || {});
+    },
+    { deep: !0 }
+  ), g(
+    r,
+    y(() => {
+      e.value && e.value.resize();
+    }, 150)
+  ), {
+    echartsInstance: e
+  };
+}
+const C = l({
+  name: "XChart",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    option: {
+      type: Object
+    }
+  },
+  setup(s) {
+    const { width: r, height: n, option: e } = v(s), t = o(), a = d(() => ({
+      width: r.value,
+      height: n.value
+    })), { echartsInstance: i } = w(R, t, e);
+    return {
+      chartRef: t,
+      option: e,
+      styles: a,
+      echartsInstance: i
+    };
+  },
+  render() {
+    return m("div", { class: "x-chart", ref: "chartRef", style: this.styles });
+  },
+  expose: ["chartRef", "option", "echartsInstance"]
+}), b = [C];
+export {
+  S as VTJ_CHARTS_VERSION,
+  C as XChart,
+  b as components
+};

package/dist/index.umd.js

@@ -0,0 +1,7 @@
+(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.VtjCharts={}))})(this,function(t){"use strict";/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/charts 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.8.5
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */const i="0.8.5";function f(u,n,o){const e=Vue.ref();return Vue.onMounted(()=>{const s=Vue.unref(n);s&&(e.value||(e.value=Vue.markRaw(u.init(s))),e.value&&e.value.setOption(o.value||{}))}),Vue.onUnmounted(()=>{e.value&&e.value.dispose()}),Vue.watch(o,s=>{e.value&&e.value.setOption(s||{})},{deep:!0}),VueUse.useResizeObserver(n,VtjUtils.debounce(()=>{e.value&&e.value.resize()},150)),{echartsInstance:e}}const a=Vue.defineComponent({name:"XChart",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},option:{type:Object}},setup(u){const{width:n,height:o,option:e}=Vue.toRefs(u),s=Vue.ref(),l=Vue.computed(()=>({width:n.value,height:o.value})),{echartsInstance:d}=f(echarts,s,e);return{chartRef:s,option:e,styles:l,echartsInstance:d}},render(){return Vue.h("div",{class:"x-chart",ref:"chartRef",style:this.styles})},expose:["chartRef","option","echartsInstance"]}),c=[a],r=Symbol("INSTALLED_KEY");function h(u){u[r]||(u[r]=!0,c.forEach(n=>{n.name&&u.component(n.name,n)}))}t.INSTALLED_KEY=r,t.VTJ_CHARTS_VERSION=i,t.XChart=a,t.components=c,t.install=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@vtj/charts",
+  "private": false,
+  "version": "0.8.6",
+  "type": "module",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "dependencies": {
+    "@vueuse/core": "~10.9.0",
+    "echarts": "~5.5.0",
+    "@vtj/icons": "0.8.6",
+    "@vtj/utils": "0.8.6"
+  },
+  "devDependencies": {
+    "@vtj/cli": "0.8.2"
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
+  "main": "dist/index.umd.js",
+  "module": "dist/index.mjs",
+  "types": "types/index.d.ts",
+  "exports": {
+    "./dist/style.css": "./dist/style.css",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "d03843144f07c2d98c1e0c72c8c6eb1117c01722",
+  "scripts": {
+    "build": "vue-tsc && vite build && npm run build:umd",
+    "build:umd": "cross-env UMD=true vite build",
+    "test": "vitest run",
+    "vitest": "vitest",
+    "coverage": "vitest run --coverage"
+  }
+}

package/types/components/Chart.d.ts

@@ -0,0 +1,42 @@
+import { EChartsOption, ECharts } from 'echarts';
+import { PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+export type ChartOption = EChartsOption;
+export type EChartsInstance = ECharts;
+declare const _default: DefineComponent<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    option: {
+        type: PropType<EChartsOption>;
+    };
+}, {
+    chartRef: Ref<any>;
+    option: Ref<EChartsOption | undefined>;
+    styles: ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+    echartsInstance: Ref<ECharts | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    option: {
+        type: PropType<EChartsOption>;
+    };
+}>>, {
+    width: string;
+    height: string;
+}, {}>;
+export default _default;

package/types/components/index.d.ts

@@ -0,0 +1,4 @@
+import { default as XChart } from './Chart';
+
+export declare const components: any[];
+export { XChart };

package/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useChart';

package/types/hooks/useChart.d.ts

@@ -0,0 +1,6 @@
+import { ECharts, EChartsOption } from 'echarts';
+import { MaybeRef, Ref } from 'vue';
+
+export declare function useChart(echarts: any, el: MaybeRef<HTMLElement>, option: Ref<EChartsOption | undefined>): {
+    echartsInstance: Ref<ECharts | undefined>;
+};

package/types/index.d.ts

@@ -0,0 +1,3 @@
+
+export { version as VTJ_CHARTS_VERSION } from './version';
+export * from './components';

package/types/install.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+
+export declare const INSTALLED_KEY: unique symbol;
+export declare function install(app: App): void;
+export * from './index';

package/types/version.d.ts

@@ -0,0 +1,8 @@
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/charts
+ * @author CHC chenhuachun1549@dingtalk.com
+ * @version 0.8.5
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+export declare const version = "0.8.5";