hfn-components 0.2.1 → 0.2.3

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

@@ -34,9 +34,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.lineColor,
       () => {
         echartOptions.color = props.lineColor;
-        echartInit();
+        if (myChart.value) {
+          echartInit();
+        }
       },
-      { deep: true }
+      { deep: true, immediate: true }
     );
     const drawGraph = () => {
       echartOptions.color = props.lineColor;
@@ -62,7 +64,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       setTimeout(() => {
         if (!myChart.value) {
           const ele = document.getElementById(props.chartId);
-          myChart.value = echarts.init(ele, null, { devicePixelRatio: 2 });
+          myChart.value = echarts.init(ele, null, { devicePixelRatio: 2, locale: "ZH" });
         }
         myChart.value.setOption(echartOptions, true);
       }, 200);

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

@@ -653,7 +653,7 @@ 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" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
             readonly default: "";
         };
         readonly text: {
@@ -662,7 +662,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -670,11 +670,12 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             colorText: (val: string | number | undefined) => string;
             colorPercentage: (val: string | number | undefined) => string;
             percentage: (val: string | number | undefined) => string;
+            absPercentage: (val: string | number | undefined) => string;
             notProcessed: 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" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
             readonly default: "";
         };
         readonly text: {
@@ -683,7 +684,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
     }, {}>;
 }, 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,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
         readonly default: "";
     };
     readonly text: {
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
         readonly text?: string | number | undefined;
     } & {}>;
     readonly CLOUMN_DEAL: {
@@ -17,11 +17,12 @@ declare const _default: import("vue").DefineComponent<{
         colorText: (val: string | number | undefined) => string;
         colorPercentage: (val: string | number | undefined) => string;
         percentage: (val: string | number | undefined) => string;
+        absPercentage: (val: string | number | undefined) => string;
         notProcessed: 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" | "notProcessed">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
         readonly default: "";
     };
     readonly text: {
@@ -30,6 +31,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
 }, {}>;
 export default _default;

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

@@ -26,7 +26,7 @@ export declare const elTableProps: {
 };
 export declare const columnDealProps: {
     readonly dealType: {
-        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
         readonly default: "";
     };
     readonly text: {

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

@@ -653,7 +653,7 @@ 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" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
             readonly default: "";
         };
         readonly text: {
@@ -662,7 +662,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -670,11 +670,12 @@ declare const _default: import("vue").DefineComponent<{
             colorText: (val: string | number | undefined) => string;
             colorPercentage: (val: string | number | undefined) => string;
             percentage: (val: string | number | undefined) => string;
+            absPercentage: (val: string | number | undefined) => string;
             notProcessed: 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" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed">;
             readonly default: "";
         };
         readonly text: {
@@ -683,7 +684,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

package/es/constants/table.d.ts

@@ -52,6 +52,7 @@ export declare const CLOUMN_DEAL: {
     colorText: (val: number | string | undefined) => string;
     colorPercentage: (val: number | string | undefined) => string;
     percentage: (val: number | string | undefined) => string;
+    absPercentage: (val: number | string | undefined) => string;
     notProcessed: null;
 };
 export declare const convertKey: (data: any, key: string) => any;

package/es/constants/table.mjs

@@ -53,11 +53,15 @@ const basicText4 = (val) => {
 const percentage = (val) => {
   return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(2) + "%";
 };
+const absPercentage = (val) => {
+  return val === "-" || val === void 0 ? "-" : Math.abs(val * 100).toFixed(2) + "%";
+};
 const CLOUMN_DEAL = {
   basicText4,
   colorText: basicText4,
   colorPercentage: percentage,
   percentage,
+  absPercentage,
   notProcessed: null
 };
 const convertKey = (data, key) => {

package/es/utils/chart.mjs

@@ -131,7 +131,16 @@ const setEchartTooltip = (options, props) => {
                               ">
                       </span>`;
             if (props.isReturn) {
-              html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[2]?.toFixed(props.floatNumber)}\uFF08${params[i].value[1] > 0 ? "+" : ""}${params[i].value[1]}%\uFF09`;
+              if (
+                // params[i].seriesId === 'excess' ||
+                params[i].seriesName === "\u7D2F\u8BA1\u8D85\u989D"
+              ) {
+                html += `<span style='color:${params[i].color}'>
+                        ${params[i].seriesName}</span>\uFF1A${params[i].value[1].toFixed(2)}%
+                      `;
+              } else {
+                html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[2]?.toFixed(props.floatNumber)}\uFF08${params[i].value[1] > 0 ? "+" : ""}${params[i].value[1]}%\uFF09`;
+              }
             } else {
               if (props.chartType === "category") {
                 html += `<span style='color:${params[i].color}'>

package/package.json

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