hfn-components 0.3.4 → 0.3.5

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

@@ -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,14 +27,16 @@ 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 */
   ));
 }
-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/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,12 +97,12 @@ 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]
   ]);
 }
-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/index.d.ts

@@ -4,12 +4,12 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
         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 dialogShow: boolean;
         readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
         readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
@@ -1992,14 +1992,14 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
         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 dialogShow: boolean;
 }, {}>> & Record<string, any>;
 export default HtTarget;

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

@@ -1,11 +1,16 @@
 import { ExtractPropTypes, PropType } from 'vue';
+export interface target {
+    name: string;
+    key: string;
+    dealType: string;
+}
 export declare const targetProps: {
     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.vue.d.ts

@@ -4,12 +4,12 @@ declare const _default: import("vue").DefineComponent<{
         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 dialogShow: boolean;
         readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
         readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
@@ -1992,14 +1992,14 @@ declare const _default: import("vue").DefineComponent<{
         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 dialogShow: boolean;
 }, {}>;
 export default _default;

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

@@ -203,6 +203,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/htTarget/src/htTarget.vue2.mjs

@@ -39,14 +39,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.targetData,
       (val) => {
-        console.log("---", val);
         val.forEach((item) => {
-          if (item.startsWith("basic_")) {
-            const strSplit = item.split("_");
+          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");
           }
         });

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

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