hfn-components 0.1.3 → 0.1.5

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

@@ -35,6 +35,10 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -62,6 +66,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly isPercent: boolean;
         readonly floatNumber: number;
         readonly titleText: string;
+        readonly yAxisUnit: string;
         readonly tooltipUnit: string;
         readonly watchResize: boolean;
         readonly showLegend: boolean;
@@ -116,6 +121,10 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -142,6 +151,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
     readonly isPercent: boolean;
     readonly floatNumber: number;
     readonly titleText: string;
+    readonly yAxisUnit: string;
     readonly tooltipUnit: string;
     readonly watchResize: boolean;
     readonly showLegend: boolean;

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

@@ -37,6 +37,10 @@ export declare const chartProps: {
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";

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

@@ -53,6 +53,11 @@ const chartProps = {
     type: String,
     default: ""
   },
+  //Y轴单位
+  yAxisUnit: {
+    type: String,
+    default: ""
+  },
   //tooltip单位
   tooltipUnit: {
     type: String,

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

@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -69,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly isPercent: boolean;
         readonly floatNumber: number;
         readonly titleText: string;
+        readonly yAxisUnit: string;
         readonly tooltipUnit: string;
         readonly watchResize: boolean;
         readonly showLegend: boolean;
@@ -123,6 +128,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -149,6 +158,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly isPercent: boolean;
     readonly floatNumber: number;
     readonly titleText: string;
+    readonly yAxisUnit: string;
     readonly tooltipUnit: string;
     readonly watchResize: boolean;
     readonly showLegend: boolean;

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

@@ -11,11 +11,16 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./src/elTable").ElTableColumns[];
+        readonly headerColor: string;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         data: {
@@ -632,6 +637,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly MonthlyPositiveRatio: "月胜率";
         readonly all_year: "全年";
     };
+    readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
             readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
@@ -679,10 +685,15 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
 }>>, {
     readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./src/elTable").ElTableColumns[];
+    readonly headerColor: string;
 }, {}>> & Record<string, any>;
 export default HtElTable;
 export * from './src/elTable';

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

@@ -18,6 +18,10 @@ export declare const elTableProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
 };
 export declare const columnDealProps: {
     readonly dealType: {

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

@@ -10,6 +10,10 @@ const elTableProps = {
   loading: {
     type: Boolean,
     default: false
+  },
+  headerColor: {
+    type: String,
+    default: "#f0f0f0"
   }
 };
 const columnDealProps = {

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

@@ -11,11 +11,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./elTable").ElTableColumns[];
+        readonly headerColor: string;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         data: {
@@ -632,6 +637,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly MonthlyPositiveRatio: "月胜率";
         readonly all_year: "全年";
     };
+    readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
             readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
@@ -679,9 +685,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
 }>>, {
     readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./elTable").ElTableColumns[];
+    readonly headerColor: string;
 }, {}>;
 export default _default;

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

@@ -8,7 +8,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: { "width": "100%" },
     height: "100%",
     "header-cell-style": {
-      background: "#f0f0f0",
+      background: $setup.props.headerColor,
       color: "#000",
       "font-weight": 500,
       "font-size": "12px"
@@ -28,7 +28,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx((scope) => [
               createVNode($setup["ColumnDeal"], {
                 dealType: item.dealType,
-                text: scope.row[item.key]
+                text: $setup.convertKey(scope.row, item.key)
               }, null, 8, ["dealType", "text"])
             ]),
             _: 2
@@ -41,7 +41,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 1
     /* STABLE */
-  }, 8, ["data"])), [
+  }, 8, ["data", "header-cell-style"])), [
     [$setup["vLoading"], $setup.props.loading]
   ]);
 }

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

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import { ElTable, ElTableColumn, vLoading } from 'element-plus';
-import { TABLE_KEY } from '../../../constants/table.mjs';
+import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
 import ColumnDeal from './columnDeal.vue.mjs';
 import { elTableProps } from './elTable.mjs';
 
@@ -18,6 +18,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return vLoading;
     }, get TABLE_KEY() {
       return TABLE_KEY;
+    }, get convertKey() {
+      return convertKey;
     }, ColumnDeal };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;

package/es/constants/index.mjs

@@ -1,2 +1,2 @@
 export { INSTALLED_KEY } from './key.mjs';
-export { CLOUMN_DEAL, TABLE_KEY } from './table.mjs';
+export { CLOUMN_DEAL, TABLE_KEY, convertKey } from './table.mjs';

package/es/constants/table.d.ts

@@ -41,5 +41,6 @@ export declare const CLOUMN_DEAL: {
     percentage: (val: number | string | undefined) => string;
     notProcessed: null;
 };
+export declare const convertKey: (data: any, key: string) => any;
 export type clounmKyeType = keyof typeof TABLE_KEY;
 export type dealKeyType = keyof typeof CLOUMN_DEAL;

package/es/constants/table.mjs

@@ -47,5 +47,9 @@ const CLOUMN_DEAL = {
   percentage,
   notProcessed: null
 };
+const convertKey = (data, key) => {
+  const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
+  return data[key] || data[newKey];
+};
 
-export { CLOUMN_DEAL, TABLE_KEY };
+export { CLOUMN_DEAL, TABLE_KEY, convertKey };

package/es/utils/chart.mjs

@@ -87,7 +87,7 @@ const setEchartYAxis = (options, props) => {
       show: true,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       formatter: function(val) {
-        return (props.isReturn ? val > 0 ? "+" : "" : "") + parseFloat(val.toFixed(props.floatNumber)) + `${props.isReturn ? "%" : ""}`;
+        return (props.yAxisUnit === "%" ? val > 0 ? "+" : "" : "") + parseFloat(val.toFixed(props.floatNumber)) + props.yAxisUnit;
       }
     }
   };

package/package.json

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