hfn-components 0.7.4 → 0.7.6

package/es/components/chart/index.d.ts

@@ -75,6 +75,10 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly gridObj: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
@@ -152,9 +156,16 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly gridObj: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
 }>>, {
     readonly chartData: any[];
     readonly chartId: string;
+    readonly floatNumber: number;
+    readonly watchResize: boolean;
+    readonly lineColor: string[];
     readonly chartType: import("hfn-components/es/utils").chartType;
     readonly titleText: string;
     readonly titleText2: string;
@@ -162,16 +173,14 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
     readonly collation: string;
     readonly isReturn: boolean;
     readonly isPercent: boolean;
-    readonly floatNumber: number;
     readonly yAxisUnit: string;
     readonly yAxisObj: Record<string, any>;
     readonly xAxisObj: Record<string, any>;
     readonly tooltipUnit: string;
-    readonly watchResize: boolean;
     readonly showLegend: boolean;
     readonly auxiliaryData: Record<string, any>;
     readonly downLoadAutn: boolean;
-    readonly lineColor: string[];
+    readonly gridObj: Record<string, any>;
 }, {}>> & Record<string, any>;
 export default HtChart;
 export * from './src/HtChart';

package/es/components/chart/src/HtChart.d.ts

@@ -77,5 +77,9 @@ export declare const chartProps: {
         readonly type: PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly gridObj: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
 };
 export type chartProp = ExtractPropTypes<typeof chartProps>;

package/es/components/chart/src/HtChart.mjs

@@ -93,6 +93,11 @@ const chartProps = {
   lineColor: {
     type: Array,
     default: []
+  },
+  // 图表样式
+  gridObj: {
+    type: Object,
+    default: null
   }
 };
 

package/es/components/chart/src/HtChart.vue.d.ts

@@ -81,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly gridObj: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
@@ -158,9 +162,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly gridObj: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
 }>>, {
     readonly chartData: any[];
     readonly chartId: string;
+    readonly floatNumber: number;
+    readonly watchResize: boolean;
+    readonly lineColor: string[];
     readonly chartType: import("hfn-components/es/utils").chartType;
     readonly titleText: string;
     readonly titleText2: string;
@@ -168,15 +179,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly collation: string;
     readonly isReturn: boolean;
     readonly isPercent: boolean;
-    readonly floatNumber: number;
     readonly yAxisUnit: string;
     readonly yAxisObj: Record<string, any>;
     readonly xAxisObj: Record<string, any>;
     readonly tooltipUnit: string;
-    readonly watchResize: boolean;
     readonly showLegend: boolean;
     readonly auxiliaryData: Record<string, any>;
     readonly downLoadAutn: boolean;
-    readonly lineColor: string[];
+    readonly gridObj: Record<string, any>;
 }, {}>;
 export default _default;

package/es/components/chart/src/HtChart.vue.mjs

@@ -85,6 +85,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
   ]);
 }
-var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/chart/src/HtChart.vue"]]);
+var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/cengzewei/Desktop/fof/component-library/packages/components/chart/src/HtChart.vue"]]);
 
 export { chart as default };

package/es/components/chart/src/HtChart.vue2.mjs

@@ -17,6 +17,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const myChart = shallowRef();
     const isEmpty = ref(false);
     const echartOptions = reactive(cloneDeep(BASIC_CHART_CONFIG));
+    echartOptions.grid = { ...echartOptions.grid, ...props.gridObj };
     watch(
       () => props.chartData,
       (val) => {

package/es/components/htTable/src/columnDeal.vue.mjs

@@ -41,6 +41,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* TEXT */
   ));
 }
-var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTable/src/columnDeal.vue"]]);
+var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/cengzewei/Desktop/fof/component-library/packages/components/htTable/src/columnDeal.vue"]]);
 
 export { ColumnDeal as default };

package/es/components/htTable/src/htTable.vue.mjs

@@ -211,6 +211,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true)
   ]);
 }
-var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTable/src/htTable.vue"]]);
+var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/cengzewei/Desktop/fof/component-library/packages/components/htTable/src/htTable.vue"]]);
 
 export { elTable as default };

package/es/components/htTarget/src/htTarget.vue.mjs

@@ -230,6 +230,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue"])
   ]);
 }
-var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTarget/src/htTarget.vue"]]);
+var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/cengzewei/Desktop/fof/component-library/packages/components/htTarget/src/htTarget.vue"]]);
 
 export { htTarget as default };

package/es/components/pieChart/index.d.ts

@@ -31,6 +31,14 @@ export declare const HtPieChart: import("hfn-components/es/utils").SFCWithInstal
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly isCustomTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly toolTipFuc: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
@@ -64,15 +72,25 @@ export declare const HtPieChart: import("hfn-components/es/utils").SFCWithInstal
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly isCustomTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly toolTipFuc: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
 }>>, {
     readonly chartData: any[];
+    readonly legendData: Record<string, any>;
+    readonly legendType: string;
     readonly chartId: string;
     readonly floatNumber: number;
+    readonly legendFormatter: Function;
     readonly watchResize: boolean;
     readonly lineColor: string[];
-    readonly legendData: Record<string, any>;
-    readonly legendType: string;
-    readonly legendFormatter: Function;
+    readonly isCustomTooltip: boolean;
+    readonly toolTipFuc: Function;
 }, {}>> & Record<string, any>;
 export default HtPieChart;
 export * from './src/HtPieChart';

package/es/components/pieChart/src/HtPieChart.d.ts

@@ -32,5 +32,13 @@ export declare const pieProps: {
         readonly type: PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly isCustomTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly toolTipFuc: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
 };
 export type pieProps = ExtractPropTypes<typeof pieProps>;

package/es/components/pieChart/src/HtPieChart.mjs

@@ -36,6 +36,16 @@ const pieProps = {
   lineColor: {
     type: Array,
     default: []
+  },
+  // 自定义tooltip函数
+  isCustomTooltip: {
+    type: Boolean,
+    default: false
+  },
+  toolTipFuc: {
+    type: Function,
+    default: () => {
+    }
   }
 };
 

package/es/components/pieChart/src/HtPieChart.vue.d.ts

@@ -37,6 +37,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly isCustomTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly toolTipFuc: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
@@ -70,14 +78,24 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
+    readonly isCustomTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly toolTipFuc: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
 }>>, {
     readonly chartData: any[];
+    readonly legendData: Record<string, any>;
+    readonly legendType: string;
     readonly chartId: string;
     readonly floatNumber: number;
+    readonly legendFormatter: Function;
     readonly watchResize: boolean;
     readonly lineColor: string[];
-    readonly legendData: Record<string, any>;
-    readonly legendType: string;
-    readonly legendFormatter: Function;
+    readonly isCustomTooltip: boolean;
+    readonly toolTipFuc: Function;
 }, {}>;
 export default _default;

package/es/components/pieChart/src/HtPieChart.vue.mjs

@@ -56,6 +56,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
   ]);
 }
-var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
+var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/cengzewei/Desktop/fof/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
 
 export { htPieChart as default };

package/es/components/pieChart/src/HtPieChart.vue2.mjs

@@ -41,6 +41,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { deep: true, immediate: true }
     );
+    watch(
+      () => props.isCustomTooltip,
+      () => {
+        drawGraph();
+      }
+    );
     const chartResize = () => {
       myChart.value.resize();
     };
@@ -64,16 +70,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const setEchartTooltip = () => {
+      const tooltip = function(params) {
+        let html;
+        html = `<div>${params.seriesName}</div>`;
+        html += `<span> ${params.name}: 
+            ${params.data.percent ? (params.data.percent * 100).toFixed(props.floatNumber) : params.percent.toFixed(props.floatNumber)}%<span>`;
+        return html;
+      };
       echartOptions.tooltip = {
         trigger: "item",
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        formatter: function(params) {
-          let html;
-          html = `<div>${params.seriesName}</div>`;
-          html += `<span> ${params.name}: 
-            ${params.data.percent ? (params.data.percent * 100).toFixed(props.floatNumber) : params.percent.toFixed(props.floatNumber)}%<span>`;
-          return html;
-        }
+        formatter: props.isCustomTooltip ? props.toolTipFuc : tooltip
       };
     };
     const legendStatus = (item, index) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "",
   "main": "es/index.mjs",
   "module": "es/index.mjs",