hfn-components 0.1.4 → 0.1.5

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/package.json

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