hfn-components 0.7.3 → 0.7.5

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,6 +156,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;
+    };
 }>>, {
     readonly chartData: any[];
     readonly chartId: string;
@@ -172,6 +180,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
     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,6 +162,10 @@ 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;
@@ -178,5 +186,6 @@ declare const _default: import("vue").DefineComponent<{
     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/index.d.ts

@@ -37,21 +37,21 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<{
             readonly default: undefined;
         };
     }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onSort-change"?: ((args_0: {
             field: string;
             order: "ascending" | "descending" | null;
         }) => any) | undefined;
         "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
-        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onPage-change"?: ((current: number) => any) | undefined;
         "onSize-change"?: ((pageSize: number) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "selection-change": (rows: any[]) => void;
         "sort-change": (args_0: {
             field: string;
             order: "ascending" | "descending" | null;
         }) => void;
         "filter-change": (args_0: Record<string, string[]>) => void;
-        "selection-change": (rows: any[]) => void;
         "page-change": (current: number) => void;
         "size-change": (pageSize: number) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -92,12 +92,12 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<{
             readonly default: undefined;
         };
     }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onSort-change"?: ((args_0: {
             field: string;
             order: "ascending" | "descending" | null;
         }) => any) | undefined;
         "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
-        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onPage-change"?: ((current: number) => any) | undefined;
         "onSize-change"?: ((pageSize: number) => any) | undefined;
     }, {
@@ -155,12 +155,12 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<{
             readonly default: undefined;
         };
     }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onSort-change"?: ((args_0: {
             field: string;
             order: "ascending" | "descending" | null;
         }) => any) | undefined;
         "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
-        "onSelection-change"?: ((rows: any[]) => any) | undefined;
         "onPage-change"?: ((current: number) => any) | undefined;
         "onSize-change"?: ((pageSize: number) => any) | undefined;
     }, {}, {}, {}, {}, {
@@ -215,21 +215,21 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<{
         readonly default: undefined;
     };
 }>> & {
+    "onSelection-change"?: ((rows: any[]) => any) | undefined;
     "onSort-change"?: ((args_0: {
         field: string;
         order: "ascending" | "descending" | null;
     }) => any) | undefined;
     "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
-    "onSelection-change"?: ((rows: any[]) => any) | undefined;
     "onPage-change"?: ((current: number) => any) | undefined;
     "onSize-change"?: ((pageSize: number) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "selection-change": (rows: any[]) => void;
     "sort-change": (args_0: {
         field: string;
         order: "ascending" | "descending" | null;
     }) => void;
     "filter-change": (args_0: Record<string, string[]>) => void;
-    "selection-change": (rows: any[]) => void;
     "page-change": (current: number) => void;
     "size-change": (pageSize: number) => void;
 }, string, {

package/es/components/htTable/src/columnDeal.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thousandText2" | "thousandText4" | "other" | "customDeal" | "customSlot";
+    readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thousandText2" | "thousandText4" | "thoundsandText2" | "other" | "customDeal" | "customSlot";
     readonly dealFunction: Function;
     readonly row: Record<string, any>;
 }, {}>;

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.d.ts

@@ -40,12 +40,12 @@ declare const __VLS_component: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "selection-change": (rows: any[]) => void;
     "sort-change": (args_0: {
         field: string;
         order: "ascending" | "descending" | null;
     }) => void;
     "filter-change": (args_0: Record<string, string[]>) => void;
-    "selection-change": (rows: any[]) => void;
     "page-change": (current: number) => void;
     "size-change": (pageSize: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -86,12 +86,12 @@ declare const __VLS_component: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }>> & {
+    "onSelection-change"?: ((rows: any[]) => any) | undefined;
     "onSort-change"?: ((args_0: {
         field: string;
         order: "ascending" | "descending" | null;
     }) => any) | undefined;
     "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
-    "onSelection-change"?: ((rows: any[]) => any) | undefined;
     "onPage-change"?: ((current: number) => any) | undefined;
     "onSize-change"?: ((pageSize: number) => any) | undefined;
 }, {

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,6 +72,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;
+    };
 }>>, {
     readonly chartData: any[];
     readonly chartId: string;
@@ -73,6 +89,8 @@ export declare const HtPieChart: import("hfn-components/es/utils").SFCWithInstal
     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,6 +78,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;
+    };
 }>>, {
     readonly chartData: any[];
     readonly chartId: string;
@@ -79,5 +95,7 @@ declare const _default: import("vue").DefineComponent<{
     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

@@ -64,16 +64,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/es/constants/table.d.ts

@@ -140,6 +140,7 @@ export declare const CLOUMN_DEAL: {
     absPercentage: (val: number | string | undefined) => string;
     thousandText2: (val: number | string | undefined) => string;
     thousandText4: (val: number | string | undefined) => string;
+    thoundsandText2: (val: number | string | undefined) => string;
     notProcessed: null;
     other: null;
     customDeal: null;

package/es/constants/table.mjs

@@ -1,4 +1,4 @@
-import { thousandText4, thousandText2, absPercentage, percentage4, percentage, basicText4 } from '../utils/table.mjs';
+import { thousandText2, thousandText4, absPercentage, percentage4, percentage, basicText4 } from '../utils/table.mjs';
 
 const TABLE_KEY_BASE = {
   index: "\u5E8F\u53F7",
@@ -183,6 +183,7 @@ const CLOUMN_DEAL = {
   absPercentage,
   thousandText2,
   thousandText4,
+  thoundsandText2: thousandText2,
   notProcessed: null,
   other: null,
   customDeal: null,

package/package.json

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