hfn-components 0.3.0 → 0.3.2

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/zhanghang/Documents/project/component-library/packages/components/chart/src/HtChart.vue"]]);
 
 export { chart as default };

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

@@ -708,18 +708,22 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
     readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
             readonly default: "";
         };
         readonly text: {
             readonly type: import("vue").PropType<string | number | undefined>;
             readonly default: undefined;
         };
+        readonly dealFunction: {
+            readonly type: FunctionConstructor;
+            readonly default: () => void;
+        };
+        readonly row: {
+            readonly type: ObjectConstructor;
+            readonly default: () => void;
+        };
     }, {
-        props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
-            readonly text?: string | number | undefined;
-        } & {}>;
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
             colorText: (val: string | number | undefined) => string;
@@ -728,21 +732,33 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             percentage4: (val: string | number | undefined) => string;
             absPercentage: (val: string | number | undefined) => string;
             thoundsandText2: (val: string | number | undefined) => string;
+            thoundsandText4: (val: string | number | undefined) => string;
             notProcessed: null;
             other: null;
+            customDeal: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
             readonly default: "";
         };
         readonly text: {
             readonly type: import("vue").PropType<string | number | undefined>;
             readonly default: undefined;
         };
+        readonly dealFunction: {
+            readonly type: FunctionConstructor;
+            readonly default: () => void;
+        };
+        readonly row: {
+            readonly type: ObjectConstructor;
+            readonly default: () => void;
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealFunction: Function;
+        readonly row: Record<string, any>;
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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

@@ -1,17 +1,21 @@
 declare const _default: import("vue").DefineComponent<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
         readonly default: "";
     };
     readonly text: {
         readonly type: import("vue").PropType<string | number | undefined>;
         readonly default: undefined;
     };
+    readonly dealFunction: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
+    readonly row: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
 }, {
-    props: import("@vue/shared").LooseRequired<{
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
-        readonly text?: string | number | undefined;
-    } & {}>;
     readonly CLOUMN_DEAL: {
         basicText4: (val: string | number | undefined) => string;
         colorText: (val: string | number | undefined) => string;
@@ -20,20 +24,32 @@ declare const _default: import("vue").DefineComponent<{
         percentage4: (val: string | number | undefined) => string;
         absPercentage: (val: string | number | undefined) => string;
         thoundsandText2: (val: string | number | undefined) => string;
+        thoundsandText4: (val: string | number | undefined) => string;
         notProcessed: null;
         other: null;
+        customDeal: null;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
         readonly default: "";
     };
     readonly text: {
         readonly type: import("vue").PropType<string | number | undefined>;
         readonly default: undefined;
     };
+    readonly dealFunction: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
+    readonly row: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+    readonly dealFunction: Function;
+    readonly row: Record<string, any>;
 }, {}>;
 export default _default;

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

@@ -4,32 +4,36 @@ import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { key: 2 };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = { key: 3 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.props.dealType === "notProcessed" || $setup.props.dealType === "other" ? (openBlock(), createElementBlock(
+  return _ctx.dealType === "notProcessed" || _ctx.dealType === "other" ? (openBlock(), createElementBlock(
     "div",
     _hoisted_1,
-    toDisplayString($setup.props.text),
+    toDisplayString(_ctx.text),
     1
     /* TEXT */
-  )) : $setup.props.dealType === "colorText" || $setup.props.dealType === "colorPercentage" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+  )) : _ctx.dealType === "colorText" || _ctx.dealType === "colorPercentage" ? (openBlock(), createElementBlock("div", _hoisted_2, [
     createElementVNode(
       "span",
       {
-        style: normalizeStyle({ color: $setup.props.text > 0 ? "red" : $setup.props.text < 0 ? "green" : "" })
+        style: normalizeStyle({ color: _ctx.text > 0 ? "red" : _ctx.text < 0 ? "green" : "" })
       },
-      toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
+      toDisplayString(_ctx.text !== void 0 ? $setup.CLOUMN_DEAL[_ctx.dealType](_ctx.text) : "-"),
       5
       /* TEXT, STYLE */
     )
-  ])) : (openBlock(), createElementBlock(
+  ])) : _ctx.dealType === "customDeal" ? (openBlock(), createElementBlock("div", {
+    key: 2,
+    innerHTML: _ctx.dealFunction(_ctx.row, _ctx.text)
+  }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(
     "div",
-    _hoisted_3,
-    toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
+    _hoisted_4,
+    toDisplayString(_ctx.text !== void 0 ? $setup.CLOUMN_DEAL[_ctx.dealType](_ctx.text) : "-"),
     1
     /* TEXT */
   ));
 }
-var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/columnDeal.vue"]]);
+var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/columnDeal.vue"]]);
 
 export { ColumnDeal as default };

package/es/components/elTable/src/columnDeal.vue2.mjs

@@ -8,8 +8,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: columnDealProps,
   setup(__props, { expose: __expose }) {
     __expose();
-    const props = __props;
-    const __returned__ = { props, get CLOUMN_DEAL() {
+    const __returned__ = { get CLOUMN_DEAL() {
       return CLOUMN_DEAL;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });

package/es/components/elTable/src/elTable.d.ts

@@ -3,6 +3,7 @@ import type { clounmKyeType, dealKeyType } from 'hfn-components/es/constants';
 export interface ElTableColumns {
     key: clounmKyeType;
     dealType: dealKeyType;
+    dealFunction?: Function;
     width: string | number;
     customizeLabel?: string;
 }
@@ -26,13 +27,21 @@ export declare const elTableProps: {
 };
 export declare const columnDealProps: {
     readonly dealType: {
-        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
         readonly default: "";
     };
     readonly text: {
         readonly type: PropType<string | number | undefined>;
         readonly default: undefined;
     };
+    readonly dealFunction: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
+    readonly row: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
 };
 export type ElTableProps = ExtractPropTypes<typeof elTableProps>;
 export type ColumnDealProps = ExtractPropTypes<typeof columnDealProps>;

package/es/components/elTable/src/elTable.mjs

@@ -24,6 +24,16 @@ const columnDealProps = {
   text: {
     type: [String, Number],
     default: void 0
+  },
+  dealFunction: {
+    type: Function,
+    default: () => {
+    }
+  },
+  row: {
+    type: Object,
+    default: () => {
+    }
   }
 };
 

package/es/components/elTable/src/elTable.vue.d.ts

@@ -708,18 +708,22 @@ declare const _default: import("vue").DefineComponent<{
     readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
             readonly default: "";
         };
         readonly text: {
             readonly type: import("vue").PropType<string | number | undefined>;
             readonly default: undefined;
         };
+        readonly dealFunction: {
+            readonly type: FunctionConstructor;
+            readonly default: () => void;
+        };
+        readonly row: {
+            readonly type: ObjectConstructor;
+            readonly default: () => void;
+        };
     }, {
-        props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
-            readonly text?: string | number | undefined;
-        } & {}>;
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
             colorText: (val: string | number | undefined) => string;
@@ -728,21 +732,33 @@ declare const _default: import("vue").DefineComponent<{
             percentage4: (val: string | number | undefined) => string;
             absPercentage: (val: string | number | undefined) => string;
             thoundsandText2: (val: string | number | undefined) => string;
+            thoundsandText4: (val: string | number | undefined) => string;
             notProcessed: null;
             other: null;
+            customDeal: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
             readonly default: "";
         };
         readonly text: {
             readonly type: import("vue").PropType<string | number | undefined>;
             readonly default: undefined;
         };
+        readonly dealFunction: {
+            readonly type: FunctionConstructor;
+            readonly default: () => void;
+        };
+        readonly row: {
+            readonly type: ObjectConstructor;
+            readonly default: () => void;
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealFunction: Function;
+        readonly row: Record<string, any>;
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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

@@ -34,8 +34,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["dealType", "text"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
                 key: 1,
                 dealType: item.dealType,
-                text: $setup.convertKey(scope.row, item.key)
-              }, null, 8, ["dealType", "text"]))
+                text: $setup.convertKey(scope.row, item.key),
+                row: scope.row,
+                "deal-function": item.dealFunction
+              }, null, 8, ["dealType", "text", "row", "deal-function"]))
             ]),
             _: 2
             /* DYNAMIC */
@@ -51,6 +53,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [$setup["vLoading"], $setup.props.loading]
   ]);
 }
-var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/elTable.vue"]]);
+var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/elTable.vue"]]);
 
 export { elTable as default };

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

@@ -199,6 +199,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/zhanghang/Documents/project/component-library/packages/components/htTarget/src/htTarget.vue"]]);
 
 export { htTarget as default };

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

@@ -18,6 +18,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_3, "\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/zhanghang/Documents/project/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
 
 export { htPieChart as default };

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

@@ -1,7 +1,7 @@
 import { defineComponent, shallowRef, reactive, watch, ref } from 'vue';
 import { pieProps } from './HtPieChart.mjs';
 import cloneDeep from 'lodash.clonedeep';
-import { BASIC_PIE_CONFIG } from '../../../constants/chartConfig.mjs';
+import { useBasicPieConfig } from '../../../constants/chartConfig.mjs';
 import * as echarts from 'echarts/core';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -11,7 +11,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     __expose();
     const props = __props;
     const myChart = shallowRef();
-    const echartOptions = reactive(cloneDeep(BASIC_PIE_CONFIG));
+    const echartOptions = reactive(cloneDeep(useBasicPieConfig(props.floatNumber)));
     watch(
       () => props.chartData,
       (val) => {
@@ -86,7 +86,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         myChart.value.setOption(echartOptions, true);
       }, 200);
     };
-    console.log(echarts);
     const __returned__ = { props, myChart, echartOptions, chartResize, noData, drawGraph, setLenged, setEchartTooltip, echartInit };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;

package/es/components/table/HtTable.vue.mjs

@@ -444,6 +444,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/table/HtTable.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/table/HtTable.vue"]]);
 
 export { Table as default };

package/es/constants/chartConfig.d.ts

@@ -5,4 +5,4 @@ import type { ComposeOption } from 'echarts/core';
 export type ECOption = ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | DatasetComponentOption>;
 export default echarts;
 export declare const BASIC_CHART_CONFIG: any;
-export declare const BASIC_PIE_CONFIG: any;
+export declare const useBasicPieConfig: any;

package/es/constants/chartConfig.mjs

@@ -85,7 +85,7 @@ const BASIC_CHART_CONFIG = {
   ],
   series: []
 };
-const BASIC_PIE_CONFIG = {
+const useBasicPieConfig = (floatNumber = 2) => ({
   series: [
     {
       name: "",
@@ -95,7 +95,7 @@ const BASIC_PIE_CONFIG = {
       label: {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         formatter: function(params) {
-          const val = params.data.percent ? (params.data.percent * 100).toFixed(2) : params.percent.toFixed(2);
+          const val = params.data.percent ? (params.data.percent * 100).toFixed(floatNumber) : params.percent.toFixed(floatNumber);
           return ` ${params.name}: ${val}%`;
         },
         fontWeight: "bolder",
@@ -104,6 +104,6 @@ const BASIC_PIE_CONFIG = {
       data: []
     }
   ]
-};
+});
 
-export { BASIC_CHART_CONFIG, BASIC_PIE_CONFIG };
+export { BASIC_CHART_CONFIG, useBasicPieConfig };

package/es/constants/index.mjs

@@ -1,4 +1,4 @@
 export { INSTALLED_KEY } from './key.mjs';
 export { CLOUMN_DEAL, TABLE_KEY, convertKey } from './table.mjs';
 export { BASIC_KEY, TARGET_END_KEY, TARGET_HEAD_KEY } from './target.mjs';
-export { BASIC_CHART_CONFIG, BASIC_PIE_CONFIG } from './chartConfig.mjs';
+export { BASIC_CHART_CONFIG, useBasicPieConfig } from './chartConfig.mjs';

package/es/constants/table.d.ts

@@ -110,8 +110,10 @@ export declare const CLOUMN_DEAL: {
     percentage4: (val: number | string | undefined) => string;
     absPercentage: (val: number | string | undefined) => string;
     thoundsandText2: (val: number | string | undefined) => string;
+    thoundsandText4: (val: number | string | undefined) => string;
     notProcessed: null;
     other: null;
+    customDeal: null;
 };
 export declare const convertKey: (data: any, key: string) => any;
 export type clounmKyeType = keyof typeof TABLE_KEY;

package/es/constants/table.mjs

@@ -125,6 +125,9 @@ const absPercentage = (val) => {
 const thoundsandText2 = (val) => {
   return typeof val === "number" ? splitK(dataHandle(val, false, 2)) : "-";
 };
+const thoundsandText4 = (val) => {
+  return typeof val === "number" ? splitK(dataHandle(val, false, 4)) : "-";
+};
 const CLOUMN_DEAL = {
   basicText4,
   colorText: basicText4,
@@ -133,8 +136,10 @@ const CLOUMN_DEAL = {
   percentage4,
   absPercentage,
   thoundsandText2,
+  thoundsandText4,
   notProcessed: null,
-  other: null
+  other: null,
+  customDeal: null
 };
 const convertKey = (data, key) => {
   const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();

package/es/css/index.css

@@ -0,0 +1,59 @@
+.echart-box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.echart-content {
+  flex: auto;
+}
+
+.echart-lenged {
+  width: 100%;
+  height: auto;
+  margin-top: 6px;
+  padding-right: 22px;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 12px;
+  position: relative;
+  z-index: 999;
+}
+
+.bg-span {
+  display: inline-block;
+  width: 14px;
+  height: 2px;
+  margin-right: 6px;
+}
+
+.bg-span-bar {
+  display: inline-block;
+  width: 16px;
+  height: 10px;
+  border-radius: 2px;
+  margin-right: 6px;
+}
+
+.span-box {
+  margin-left: 5px;
+  margin-right: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+.noData {
+  width: 100%;
+  height: 100%;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  bottom: 0px;
+  color: #ccc;
+}

package/es/utils/chart.mjs

@@ -66,7 +66,7 @@ const setEchartXAxis = (options, type, xAxisData) => {
     options.xAxis = {
       type,
       data: xAxis,
-      boundaryGap: false,
+      boundaryGap: true,
       axisTick: {
         alignWithLabel: true
       }

package/package.json

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