hfn-components 0.3.4 → 0.3.6

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

@@ -717,7 +717,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
     }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -732,6 +732,10 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }, {
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
@@ -745,10 +749,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             notProcessed: null;
             other: null;
             customDeal: null;
+            customSlot: 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" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -763,11 +768,16 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
         readonly dealFunction: Function;
         readonly row: Record<string, any>;
+        readonly slot: string;
     }, {}>;
 }, 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" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 }, {
     readonly CLOUMN_DEAL: {
         basicText4: (val: string | number | undefined) => string;
@@ -28,10 +32,11 @@ declare const _default: import("vue").DefineComponent<{
         notProcessed: null;
         other: null;
         customDeal: null;
+        customSlot: 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" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -46,10 +51,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+    readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
     readonly dealFunction: Function;
     readonly row: Record<string, any>;
+    readonly slot: string;
 }, {}>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import _sfc_main from './columnDeal.vue2.mjs';
-import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
+import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle, renderSlot } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { key: 3 };
+const _hoisted_5 = { key: 4 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.dealType === "notProcessed" || _ctx.dealType === "other" ? (openBlock(), createElementBlock(
     "div",
@@ -26,9 +27,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ])) : _ctx.dealType === "customDeal" ? (openBlock(), createElementBlock("div", {
     key: 2,
     innerHTML: _ctx.dealFunction(_ctx.row, _ctx.text)
-  }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(
+  }, null, 8, _hoisted_3)) : _ctx.dealType === "customSlot" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    renderSlot(_ctx.$slots, _ctx.slot)
+  ])) : (openBlock(), createElementBlock(
     "div",
-    _hoisted_4,
+    _hoisted_5,
     toDisplayString(_ctx.text !== void 0 ? $setup.CLOUMN_DEAL[_ctx.dealType](_ctx.text) : "-"),
     1
     /* TEXT */

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

@@ -6,6 +6,7 @@ export interface ElTableColumns {
     dealFunction?: Function;
     width: string | number;
     customizeLabel?: string;
+    slot?: string;
 }
 export declare const elTableProps: {
     readonly dataSource: {
@@ -27,7 +28,7 @@ export declare const elTableProps: {
 };
 export declare const columnDealProps: {
     readonly dealType: {
-        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -42,6 +43,10 @@ export declare const columnDealProps: {
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 };
 export type ElTableProps = ExtractPropTypes<typeof elTableProps>;
 export type ColumnDealProps = ExtractPropTypes<typeof columnDealProps>;

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

@@ -34,6 +34,10 @@ const columnDealProps = {
     type: Object,
     default: () => {
     }
+  },
+  slot: {
+    type: String,
+    default: ""
   }
 };
 

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

@@ -717,7 +717,7 @@ declare const _default: import("vue").DefineComponent<{
     }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -732,6 +732,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }, {
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
@@ -745,10 +749,11 @@ declare const _default: import("vue").DefineComponent<{
             notProcessed: null;
             other: null;
             customDeal: null;
+            customSlot: 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" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -763,11 +768,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
         readonly dealFunction: Function;
         readonly row: Record<string, any>;
+        readonly slot: string;
     }, {}>;
 }, 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

@@ -1,5 +1,5 @@
 import _sfc_main from './elTable.vue2.mjs';
-import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
+import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, renderSlot } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { key: 0 };
@@ -68,9 +68,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 0,
                 dealType: scope.row.dealType,
                 text: $setup.convertKey(scope.row, item.key)
-              }, null, 8, ["dealType", "text"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+              }, null, 8, ["dealType", "text"])) : item.dealType === "customSlot" ? (openBlock(), createBlock($setup["ColumnDeal"], {
                 key: 1,
                 dealType: item.dealType,
+                slot: item.slot
+              }, {
+                [item.slot]: withCtx(() => [
+                  renderSlot(_ctx.$slots, item.slot, {
+                    text: $setup.convertKey(scope.row, item.key),
+                    row: scope.row
+                  })
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["dealType", "slot"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 2,
+                dealType: item.dealType,
                 text: $setup.convertKey(scope.row, item.key),
                 row: scope.row,
                 "deal-function": item.dealFunction
@@ -84,8 +97,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    _: 1
-    /* STABLE */
+    _: 3
+    /* FORWARDED */
   }, 8, ["data", "header-cell-style"])), [
     [$setup["vLoading"], $setup.props.loading]
   ]);

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

@@ -1,15 +1,20 @@
 export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly targetType: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly dialogShow: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
     readonly targetData: {
-        readonly type: import("vue").PropType<string[]>;
+        readonly type: import("vue").PropType<import("./src/htTarget").target[]>;
         readonly default: readonly [];
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly targetData: string[];
+        readonly targetData: import("./src/htTarget").target[];
+        readonly targetType: string;
         readonly dialogShow: boolean;
         readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
         readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
@@ -1987,19 +1992,24 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
         dealType: string;
     }[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly targetType: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly dialogShow: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
     readonly targetData: {
-        readonly type: import("vue").PropType<string[]>;
+        readonly type: import("vue").PropType<import("./src/htTarget").target[]>;
         readonly default: readonly [];
     };
 }>> & {
     onChoiceTarget?: ((...args: any[]) => any) | undefined;
     onChoiceCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly targetData: string[];
+    readonly targetData: import("./src/htTarget").target[];
+    readonly targetType: string;
     readonly dialogShow: boolean;
 }, {}>> & Record<string, any>;
 export default HtTarget;

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

@@ -1,11 +1,20 @@
 import { ExtractPropTypes, PropType } from 'vue';
+export interface target {
+    name: string;
+    key: string;
+    dealType: string;
+}
 export declare const targetProps: {
+    readonly targetType: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly dialogShow: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
     readonly targetData: {
-        readonly type: PropType<string[]>;
+        readonly type: PropType<target[]>;
         readonly default: readonly [];
     };
 };

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

@@ -1,4 +1,8 @@
 const targetProps = {
+  targetType: {
+    type: String,
+    default: ""
+  },
   dialogShow: {
     type: Boolean,
     default: false

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

@@ -1,15 +1,20 @@
 declare const _default: import("vue").DefineComponent<{
+    readonly targetType: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly dialogShow: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
     readonly targetData: {
-        readonly type: import("vue").PropType<string[]>;
+        readonly type: import("vue").PropType<import("./htTarget").target[]>;
         readonly default: readonly [];
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly targetData: string[];
+        readonly targetData: import("./htTarget").target[];
+        readonly targetType: string;
         readonly dialogShow: boolean;
         readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
         readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
@@ -1987,19 +1992,24 @@ declare const _default: import("vue").DefineComponent<{
         dealType: string;
     }[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly targetType: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
     readonly dialogShow: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
     readonly targetData: {
-        readonly type: import("vue").PropType<string[]>;
+        readonly type: import("vue").PropType<import("./htTarget").target[]>;
         readonly default: readonly [];
     };
 }>> & {
     onChoiceTarget?: ((...args: any[]) => any) | undefined;
     onChoiceCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly targetData: string[];
+    readonly targetData: import("./htTarget").target[];
+    readonly targetType: string;
     readonly dialogShow: boolean;
 }, {}>;
 export default _default;

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

@@ -1,14 +1,14 @@
 import _sfc_main from './htTarget.vue2.mjs';
-import { openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, Fragment, renderList, createBlock, toDisplayString } from 'vue';
+import { openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, createBlock, createCommentVNode, Fragment, renderList, toDisplayString } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = {
-  key: 0,
+  key: 1,
   style: { "width": "100%" }
 };
 const _hoisted_2 = { class: "factor-content" };
 const _hoisted_3 = {
-  key: 1,
+  key: 2,
   style: { "width": "100%" }
 };
 const _hoisted_4 = { class: "factor-content" };
@@ -43,7 +43,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               default: withCtx(() => [
                 createVNode($setup["ElRow"], { span: 20 }, {
                   default: withCtx(() => [
-                    createVNode($setup["ElRadioGroup"], {
+                    $setup.props.targetType === "all" ? (openBlock(), createBlock($setup["ElRadioGroup"], {
+                      key: 0,
                       modelValue: $setup.typeTag,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.typeTag = $event)
                     }, {
@@ -59,7 +60,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["modelValue"]),
+                    }, 8, ["modelValue"])) : createCommentVNode("v-if", true),
                     $setup.typeTag === "target" ? (openBlock(), createElementBlock("div", _hoisted_1, [
                       createVNode($setup["ElRadioGroup"], {
                         modelValue: $setup.selectedHead,

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

@@ -34,31 +34,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.dialogShow,
       (val) => {
         dialogShow.value = val;
-      }
-    );
-    watch(
-      () => props.targetData,
-      (val) => {
-        console.log("---", val);
-        val.forEach((item) => {
-          if (item.startsWith("basic_")) {
-            const strSplit = item.split("_");
+        props.targetData.forEach((item) => {
+          if (item.key.startsWith("basic_")) {
+            const strSplit = item.key.split("_");
             selectedTarget(strSplit[1], "", "basic");
           } else {
-            const strSplit = item.split("_");
-            console.log(strSplit);
+            const strSplit = item.key.split("_");
             selectedTarget(strSplit[1], strSplit[0], "target");
           }
         });
-      },
-      { deep: true }
+      }
     );
     const headChange = () => {
       if (selectedHead.value === "thisWeek" || selectedHead.value === "thisMonth") {
-        allfoot.value = [
-          { name: "\u6536\u76CA", key: "return", dealType: "color_text_precent" },
-          { name: "\u5E74\u5316\u6536\u76CA", key: "yearReturn", dealType: "color_text_precent" }
-        ];
+        allfoot.value = cloneDeep(TARGET_END_KEY).splice(0, 2);
       } else {
         allfoot.value = cloneDeep(TARGET_END_KEY);
       }

package/es/constants/table.d.ts

@@ -114,6 +114,7 @@ export declare const CLOUMN_DEAL: {
     notProcessed: null;
     other: null;
     customDeal: null;
+    customSlot: null;
 };
 export declare const convertKey: (data: any, key: string) => any;
 export type clounmKyeType = keyof typeof TABLE_KEY;

package/es/constants/table.mjs

@@ -139,7 +139,8 @@ const CLOUMN_DEAL = {
   thoundsandText4,
   notProcessed: null,
   other: null,
-  customDeal: null
+  customDeal: null,
+  customSlot: null
 };
 const convertKey = (data, key) => {
   const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();

package/es/constants/target.mjs

@@ -13,31 +13,31 @@ const TARGET_HEAD_KEY = [
   { name: "\u6210\u7ACB\u4EE5\u6765", key: "cucmulative" }
 ];
 const TARGET_END_KEY = [
-  { name: "\u6536\u76CA", key: "return", dealType: "color_text_precent" },
-  { name: "\u5E74\u5316\u6536\u76CA", key: "yearReturn", dealType: "color_text_precent" },
-  { name: "\u8D85\u989D\u6536\u76CA", key: "excessReturn", dealType: "color_text_precent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6536\u76CA", key: "excessYearReturn", dealType: "color_text_precent" },
-  { name: "\u5E74\u5316\u6CE2\u52A8\u7387", key: "vol", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387", key: "excessVol", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u590F\u666E\u6BD4\u7387", key: "sharpeRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u590F\u666E\u6BD4\u7387", key: "excessSharpeRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u5361\u739B\u6BD4\u7387", key: "calmarRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u5361\u739B\u6BD4\u7387", key: "excessCalmarRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u7D22\u63D0\u8BFA\u6BD4\u7387", key: "sortinoRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u4E0B\u884C\u6807\u51C6\u5DEE", key: "downsideStd", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u4E0B\u884C\u98CE\u9669", key: "downsideDev", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4", key: "maxDrawdown", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u6700\u5927\u56DE\u64A4", key: "excessMaxDrawdown", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09", key: "maxDrawdownDays", dealType: "" },
-  { name: "Alpha", key: "alpha", dealType: "color_text_precent" },
-  { name: "Beta", key: "beta", dealType: "color_text_no_thousandths" },
-  { name: "\u8DDF\u8E2A\u8BEF\u5DEE", key: "trackingError", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u4FE1\u606F\u6BD4\u7387", key: "informationRatio", dealType: "color_text_no_thousandths" },
-  { name: "\u504F\u5EA6", key: "skew", dealType: "color_text_no_thousandths" },
-  { name: "\u5CF0\u5EA6", key: "kurt", dealType: "color_text_no_thousandths" },
-  { name: "VaR\uFF0895%\u7F6E\u4FE1\uFF09", key: "cVaR", dealType: "color_text_no_thousandths" },
-  { name: "\u5468\u80DC\u7387", key: "positiveRatio", dealType: "color_text_nocolor_noprecent" },
-  { name: "\u6708\u80DC\u7387", key: "monthlyPositiveRatio", dealType: "color_text_nocolor_noprecent" }
+  { name: "\u6536\u76CA", key: "return", dealType: "colorPercentage" },
+  { name: "\u5E74\u5316\u6536\u76CA", key: "yearReturn", dealType: "colorPercentage" },
+  { name: "\u8D85\u989D\u6536\u76CA", key: "excessReturn", dealType: "colorPercentage" },
+  { name: "\u8D85\u989D\u5E74\u5316\u6536\u76CA", key: "excessYearReturn", dealType: "colorPercentage" },
+  { name: "\u5E74\u5316\u6CE2\u52A8\u7387", key: "vol", dealType: "percentage" },
+  { name: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387", key: "excessVol", dealType: "percentage" },
+  { name: "\u590F\u666E\u6BD4\u7387", key: "sharpeRatio", dealType: "basicText4" },
+  { name: "\u8D85\u989D\u590F\u666E\u6BD4\u7387", key: "excessSharpeRatio", dealType: "basicText4" },
+  { name: "\u5361\u739B\u6BD4\u7387", key: "calmarRatio", dealType: "basicText4" },
+  { name: "\u8D85\u989D\u5361\u739B\u6BD4\u7387", key: "excessCalmarRatio", dealType: "basicText4" },
+  { name: "\u7D22\u63D0\u8BFA\u6BD4\u7387", key: "sortinoRatio", dealType: "basicText4" },
+  { name: "\u4E0B\u884C\u6807\u51C6\u5DEE", key: "downsideStd", dealType: "percentage" },
+  { name: "\u4E0B\u884C\u98CE\u9669", key: "downsideDev", dealType: "percentage" },
+  { name: "\u6700\u5927\u56DE\u64A4", key: "maxDrawdown", dealType: "percentage" },
+  { name: "\u8D85\u989D\u6700\u5927\u56DE\u64A4", key: "excessMaxDrawdown", dealType: "percentage" },
+  { name: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09", key: "maxDrawdownDays", dealType: "notProcessed" },
+  { name: "Alpha", key: "alpha", dealType: "colorPercentage" },
+  { name: "Beta", key: "beta", dealType: "basicText4" },
+  { name: "\u8DDF\u8E2A\u8BEF\u5DEE", key: "trackingError", dealType: "percentage" },
+  { name: "\u4FE1\u606F\u6BD4\u7387", key: "informationRatio", dealType: "basicText4" },
+  { name: "\u504F\u5EA6", key: "skew", dealType: "basicText4" },
+  { name: "\u5CF0\u5EA6", key: "kurt", dealType: "basicText4" },
+  { name: "VaR\uFF0895%\u7F6E\u4FE1\uFF09", key: "cVaR", dealType: "basicText4" },
+  { name: "\u5468\u80DC\u7387", key: "positiveRatio", dealType: "percentage" },
+  { name: "\u6708\u80DC\u7387", key: "monthlyPositiveRatio", dealType: "percentage" }
 ];
 const BASIC_KEY = [
   { name: "\u7BA1\u7406\u4EBA", key: "advisor", dealType: "" },

package/package.json

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