hfn-components 0.3.2 → 0.3.4

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

@@ -1,3 +1,12 @@
-const aa = 11;
+const targetProps = {
+  dialogShow: {
+    type: Boolean,
+    default: false
+  },
+  targetData: {
+    type: Array,
+    default: []
+  }
+};
 
-export { aa };
+export { targetProps };

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

@@ -1,31 +1,43 @@
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly targetData: string[];
+        readonly dialogShow: boolean;
+        readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
+        readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    emit: (event: "choiceTarget" | "choiceCancel", ...args: any[]) => void;
     targetHead: import("vue").Ref<{
         name: string;
         key: string;
     }[]>;
-    allfoot: import("vue").Ref<({
-        name: string;
-        key: string;
-        slot: string;
-        excludeKey?: undefined;
-    } | {
+    allfoot: import("vue").Ref<{
         name: string;
         key: string;
-        slot: string;
-        excludeKey: string;
-    })[]>;
+        dealType: string;
+    }[]>;
     selectedHead: import("vue").Ref<string>;
     checkList: import("vue").Ref<string[]>;
+    dialogShow: import("vue").Ref<boolean>;
     typeTag: import("vue").Ref<string>;
-    aaa: import("vue").Ref<boolean>;
     headChange: () => void;
     selectedTree: import("vue").Ref<Record<string, string[]>>;
     selectedList: import("vue").Ref<{
         name: string;
         key: string;
+        dealType: string;
     }[]>;
-    selectedTarget: (val: string, type: string) => void;
+    selectedTarget: (val: string, headKey: string, type: string) => void;
     deleteItem: (key: string) => void;
+    confirmTarge: () => void;
     readonly ElDialog: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly appendToBody: BooleanConstructor;
         readonly appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
@@ -511,7 +523,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
         readonly icon: {
             readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
             readonly required: false;
@@ -541,7 +553,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
             readonly icon: {
                 readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                 readonly required: false;
@@ -587,7 +599,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
         _ref: import("vue").Ref<HTMLButtonElement | undefined>;
         _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-        _type: import("vue").ComputedRef<"" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger">;
+        _type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger">;
         _disabled: import("vue").ComputedRef<boolean>;
         _props: import("vue").ComputedRef<{
             ariaDisabled: boolean;
@@ -676,7 +688,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
         readonly icon: {
             readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
             readonly required: false;
@@ -700,7 +712,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>> & {
         onClick?: ((evt: MouseEvent) => any) | undefined;
     }, {
-        readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>;
+        readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
         readonly link: boolean;
         readonly dark: boolean;
         readonly disabled: boolean;
@@ -723,7 +735,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly size: {
@@ -732,7 +744,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
             }>> & {
                 [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
@@ -761,9 +773,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
         }>>, {
-            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>;
+            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
         }, {}>;
     };
     readonly ElRow: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -1972,7 +1984,22 @@ declare const _default: import("vue").DefineComponent<{}, {
     readonly BASIC_KEY: {
         name: string;
         key: string;
-        title: string;
+        dealType: string;
     }[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}>> & {
+    onChoiceTarget?: ((...args: any[]) => any) | undefined;
+    onChoiceCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly targetData: string[];
+    readonly dialogShow: boolean;
+}, {}>;
 export default _default;

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

@@ -17,13 +17,17 @@ const _hoisted_6 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
     createVNode($setup["ElDialog"], {
-      modelValue: $setup.aaa,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.aaa = $event),
-      class: "dialog"
+      modelValue: $setup.dialogShow,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.dialogShow = $event),
+      class: "dialog",
+      onClose: _cache[5] || (_cache[5] = ($event) => $setup.emit("choiceCancel"))
     }, {
       footer: withCtx(() => [
         createElementVNode("div", _hoisted_6, [
-          createVNode($setup["ElButton"], { type: "primary" }, {
+          createVNode($setup["ElButton"], {
+            onClick: $setup.confirmTarge,
+            type: "primary"
+          }, {
             default: withCtx(() => [
               createTextVNode(" Confirm ")
             ]),
@@ -105,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: item.key
                                 }, [
                                   createVNode($setup["ElCheckbox"], {
-                                    onChange: ($event) => $setup.selectedTarget(item.key, "target"),
+                                    onChange: ($event) => $setup.selectedTarget(item.key, $setup.selectedHead, "target"),
                                     disabled: $setup.checkList.includes(item.key),
                                     label: item.name,
                                     value: item.key
@@ -136,7 +140,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: item.key
                                 }, [
                                   createVNode($setup["ElCheckbox"], {
-                                    onChange: ($event) => $setup.selectedTarget(item.key, "basic"),
+                                    onChange: ($event) => $setup.selectedTarget(item.key, $setup.selectedHead, "basic"),
                                     disabled: $setup.checkList.includes(item.key),
                                     label: item.name,
                                     value: item.key
@@ -199,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/zhanghang/Documents/project/component-library/packages/components/htTarget/src/htTarget.vue"]]);
+var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTarget/src/htTarget.vue"]]);
 
 export { htTarget as default };

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

@@ -1,19 +1,24 @@
-import { defineComponent, ref, onMounted } from 'vue';
+import { defineComponent, ref, onMounted, watch } from 'vue';
 import { ElDialog, ElButton, ElRow, ElCol, ElRadioGroup, ElRadio, ElCheckboxGroup, ElCheckbox, ElRadioButton } from 'element-plus';
+import { targetProps } from './htTarget.mjs';
 import { TARGET_HEAD_KEY, TARGET_END_KEY, BASIC_KEY } from '../../../constants/target.mjs';
 import '../../../constants/chartConfig.mjs';
 import cloneDeep from 'lodash.clonedeep';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "htTarget",
-  setup(__props, { expose: __expose }) {
+  props: targetProps,
+  emits: ["choiceTarget", "choiceCancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
+    const props = __props;
+    const emit = __emit;
     const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
     const allfoot = ref(cloneDeep(TARGET_END_KEY));
     const selectedHead = ref("lastOneMonth");
     const checkList = ref([]);
+    const dialogShow = ref(false);
     const typeTag = ref("target");
-    const aaa = ref(true);
     onMounted(() => {
       let startYear = 2018;
       const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
@@ -25,7 +30,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         startYear++;
       }
     });
+    watch(
+      () => props.dialogShow,
+      (val) => {
+        dialogShow.value = val;
+      }
+    );
+    watch(
+      () => props.targetData,
+      (val) => {
+        console.log("---", val);
+        val.forEach((item) => {
+          if (item.startsWith("basic_")) {
+            const strSplit = item.split("_");
+            selectedTarget(strSplit[1], "", "basic");
+          } else {
+            const strSplit = item.split("_");
+            console.log(strSplit);
+            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" }
+        ];
+      } else {
+        allfoot.value = cloneDeep(TARGET_END_KEY);
+      }
       if (selectedTree.value[selectedHead.value]) {
         checkList.value = selectedTree.value[selectedHead.value];
       } else {
@@ -34,24 +70,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const selectedTree = ref({});
     const selectedList = ref([]);
-    const selectedTarget = (val, type) => {
+    const selectedTarget = (val, headKey, type) => {
       let itemObj = {
         name: "",
-        key: ""
+        key: "",
+        dealType: ""
       };
       if (type === "target") {
-        if (selectedTree.value[selectedHead.value]) {
-          selectedTree.value[selectedHead.value].push(val);
+        if (selectedTree.value[headKey]) {
+          selectedTree.value[headKey].push(val);
         } else {
-          selectedTree.value[selectedHead.value] = [val];
+          selectedTree.value[headKey] = [val];
         }
-        const filterHead = TARGET_HEAD_KEY.filter((item) => item.key === selectedHead.value);
+        const filterHead = TARGET_HEAD_KEY.filter((item) => item.key === headKey);
         const filterFoot = TARGET_END_KEY.filter((item) => item.key === val);
         const headName = filterHead.length > 0 ? filterHead[0].name : "";
         const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
         itemObj = {
           name: headName + footName,
-          key: `${selectedHead.value}+${val}`
+          key: `${headKey}_${val}`,
+          dealType: footName ? filterFoot[0].dealType : ""
         };
       }
       if (type === "basic") {
@@ -64,22 +102,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
         itemObj = {
           name: footName,
-          key: `basic+${val}`
+          key: `basic_${val}`,
+          dealType: footName ? filterFoot[0].dealType : ""
         };
       }
       selectedList.value.push(itemObj);
     };
     const deleteItem = (key) => {
-      console.log(key);
-      const keyList = key.split("+");
-      console.log(keyList);
+      const keyList = key.split("_");
       if (selectedHead.value === keyList[0]) {
         checkList.value = checkList.value.filter((item) => item !== keyList[1]);
       }
       selectedTree.value[keyList[0]] = selectedTree.value[keyList[0]].filter((item) => item !== keyList[1]);
       selectedList.value = selectedList.value.filter((item) => item.key !== key);
     };
-    const __returned__ = { targetHead, allfoot, selectedHead, checkList, typeTag, aaa, headChange, selectedTree, selectedList, selectedTarget, deleteItem, get ElDialog() {
+    const confirmTarge = () => {
+      const selectedTable = selectedList.value.map((item) => {
+        return {
+          name: item.name,
+          key: `${item.key}`,
+          dealType: item.dealType
+        };
+      });
+      emit("choiceTarget", selectedTable);
+    };
+    const __returned__ = { props, emit, targetHead, allfoot, selectedHead, checkList, dialogShow, typeTag, headChange, selectedTree, selectedList, selectedTarget, deleteItem, confirmTarge, get ElDialog() {
       return ElDialog;
     }, get ElButton() {
       return ElButton;

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

@@ -0,0 +1 @@
+import 'hfn-components/theme-chalk/src/target.scss';

package/es/components/htTarget/style/index.mjs

@@ -0,0 +1 @@
+import 'hfn-components/theme-chalk/src/target.scss';

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/zhanghang/Documents/project/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
+var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/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/zhanghang/Documents/project/component-library/packages/components/table/HtTable.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/table/HtTable.vue"]]);
 
 export { Table as default };

package/es/constants/table.mjs

@@ -111,16 +111,16 @@ const TABLE_KEY = {
   money_name: "\u91D1\u989D\uFF08\u5143\uFF09"
 };
 const basicText4 = (val) => {
-  return val === "-" || val === void 0 ? "-" : val.toFixed(4);
+  return typeof val !== "number" ? "-" : val.toFixed(4);
 };
 const percentage = (val) => {
-  return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(2) + "%";
+  return typeof val !== "number" ? "-" : (val * 100).toFixed(2) + "%";
 };
 const percentage4 = (val) => {
-  return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(4) + "%";
+  return typeof val !== "number" ? "-" : (val * 100).toFixed(4) + "%";
 };
 const absPercentage = (val) => {
-  return val === "-" || val === void 0 ? "-" : Math.abs(val * 100).toFixed(2) + "%";
+  return typeof val !== "number" ? "-" : Math.abs(val * 100).toFixed(2) + "%";
 };
 const thoundsandText2 = (val) => {
   return typeof val === "number" ? splitK(dataHandle(val, false, 2)) : "-";

package/es/constants/target.d.ts

@@ -2,19 +2,13 @@ export declare const TARGET_HEAD_KEY: {
     name: string;
     key: string;
 }[];
-export declare const TARGET_END_KEY: ({
+export declare const TARGET_END_KEY: {
     name: string;
     key: string;
-    slot: string;
-    excludeKey?: undefined;
-} | {
-    name: string;
-    key: string;
-    slot: string;
-    excludeKey: string;
-})[];
+    dealType: string;
+}[];
 export declare const BASIC_KEY: {
     name: string;
     key: string;
-    title: string;
+    dealType: string;
 }[];

package/es/constants/target.mjs

@@ -13,42 +13,42 @@ const TARGET_HEAD_KEY = [
   { name: "\u6210\u7ACB\u4EE5\u6765", key: "cucmulative" }
 ];
 const TARGET_END_KEY = [
-  { name: "\u6536\u76CA", key: "Return", slot: "color_text_precent" },
-  { name: "\u5E74\u5316\u6536\u76CA", key: "YearReturn", slot: "color_text_precent" },
-  { name: "\u8D85\u989D\u6536\u76CA", key: "ExcessReturn", slot: "color_text_precent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6536\u76CA", key: "ExcessYearReturn", slot: "color_text_precent" },
-  { name: "\u5E74\u5316\u6CE2\u52A8\u7387", key: "Vol", slot: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387", key: "ExcessVol", slot: "color_text_nocolor_noprecent" },
-  { name: "\u590F\u666E\u6BD4\u7387", key: "SharpeRatio", slot: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u590F\u666E\u6BD4\u7387", key: "ExcessSharpeRatio", slot: "color_text_no_thousandths" },
-  { name: "\u5361\u739B\u6BD4\u7387", key: "CalmarRatio", slot: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u5361\u739B\u6BD4\u7387", key: "ExcessCalmarRatio", slot: "color_text_no_thousandths" },
-  { name: "\u7D22\u63D0\u8BFA\u6BD4\u7387", key: "SortinoRatio", slot: "color_text_no_thousandths" },
-  { name: "\u4E0B\u884C\u6807\u51C6\u5DEE", key: "DownsideStd", slot: "color_text_nocolor_noprecent" },
-  { name: "\u4E0B\u884C\u98CE\u9669", key: "DownsideDev", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4", key: "MaxDrawdown", slot: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u6700\u5927\u56DE\u64A4", key: "ExcessMaxDrawdown", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09", key: "MaxDrawdownDays", slot: "" },
-  { name: "Alpha", key: "Alpha", slot: "color_text_precent" },
-  { name: "Beta", key: "Beta", slot: "color_text_no_thousandths" },
-  { name: "\u8DDF\u8E2A\u8BEF\u5DEE", key: "TrackingError", slot: "color_text_nocolor_noprecent" },
-  { name: "\u4FE1\u606F\u6BD4\u7387", key: "InformationRatio", slot: "color_text_no_thousandths" },
-  { name: "\u504F\u5EA6", key: "Skew", slot: "color_text_no_thousandths" },
-  { name: "\u5CF0\u5EA6", key: "Kurt", slot: "color_text_no_thousandths" },
-  { name: "VaR\uFF0895%\u7F6E\u4FE1\uFF09", key: "CVaR", slot: "color_text_no_thousandths" },
-  { name: "\u5468\u80DC\u7387", key: "PositiveRatio", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6708\u80DC\u7387", key: "MonthlyPositiveRatio", slot: "color_text_nocolor_noprecent", excludeKey: "" }
+  { 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" }
 ];
 const BASIC_KEY = [
-  { name: "\u7BA1\u7406\u4EBA", key: "Advisor", title: "" },
-  { name: "\u7B56\u7565", key: "strategyOne", title: "" },
-  { name: "\u5355\u4F4D\u51C0\u503C", key: "Nav", title: "" },
-  { name: "\u5355\u4F4D\u51C0\u503C\u6DA8\u8DCC\u5E45", key: "navPriceChange", title: "" },
-  { name: "\u7D2F\u8BA1\u51C0\u503C", key: "cumulativeNavWithdrawal", title: "" },
-  { name: "\u6210\u7ACB\u65E5\u671F", key: "inceptionDate", title: "" },
-  { name: "\u5C01\u95ED\u671F", key: "closedPeriod", title: "" },
-  { name: "\u5F00\u653E\u65E5", key: "openDay", title: "" },
-  { name: "\u5907\u6848\u53F7/\u4EE3\u7801", key: "registerNumber", title: "" }
+  { name: "\u7BA1\u7406\u4EBA", key: "advisor", dealType: "" },
+  { name: "\u7B56\u7565", key: "strategyOne", dealType: "" },
+  { name: "\u5355\u4F4D\u51C0\u503C", key: "nav", dealType: "" },
+  { name: "\u5355\u4F4D\u51C0\u503C\u6DA8\u8DCC\u5E45", key: "navPriceChange", dealType: "" },
+  { name: "\u7D2F\u8BA1\u51C0\u503C", key: "cumulativeNavWithdrawal", dealType: "" },
+  { name: "\u6210\u7ACB\u65E5\u671F", key: "inceptionDate", dealType: "" },
+  { name: "\u5C01\u95ED\u671F", key: "closedPeriod", dealType: "" },
+  { name: "\u5F00\u653E\u65E5", key: "openDay", dealType: "" },
+  { name: "\u5907\u6848\u53F7/\u4EE3\u7801", key: "registerNumber", dealType: "" }
 ];
 
 export { BASIC_KEY, TARGET_END_KEY, TARGET_HEAD_KEY };

package/es/utils/chart.d.ts

@@ -4,4 +4,5 @@ export declare const legendEnterOperate: (options: any, name: string) => void;
 export declare const legendLeaveOperate: (options: any) => void;
 export declare const setEchartXAxis: (options: any, type: chartType, xAxisData: string[]) => void;
 export declare const setEchartYAxis: (options: any, props: chartProp) => void;
+export declare const setEchartTitle: (options: any, props: chartProp) => void;
 export declare const setEchartTooltip: (options: any, props: chartProp) => void;

package/es/utils/chart.mjs

@@ -90,9 +90,28 @@ const setEchartYAxis = (options, props) => {
       formatter: function(val) {
         return (props.yAxisUnit === "%" ? val > 0 ? "+" : "" : "") + parseFloat(val.toFixed(props.floatNumber)) + props.yAxisUnit;
       }
-    }
+    },
+    ...props.yAxisObj
   };
 };
+const setEchartTitle = (options, props) => {
+  options.title = [
+    {
+      left: "left",
+      text: props.titleText,
+      itemGap: 0,
+      textStyle: {
+        fontSize: 12,
+        fontWeight: "normal"
+      }
+    },
+    {
+      left: "right",
+      subtext: props.titleText2,
+      itemGap: 0
+    }
+  ];
+};
 const setEchartTooltip = (options, props) => {
   options.tooltip = {
     trigger: "axis",
@@ -175,4 +194,4 @@ const setEchartTooltip = (options, props) => {
   };
 };
 
-export { legendEnterOperate, legendLeaveOperate, setEchartTooltip, setEchartXAxis, setEchartYAxis };
+export { legendEnterOperate, legendLeaveOperate, setEchartTitle, setEchartTooltip, setEchartXAxis, setEchartYAxis };

package/es/utils/index.mjs

@@ -1,4 +1,4 @@
 export { withInstall } from './common.mjs';
 export { handleData, handleText } from './table.mjs';
 export { dataHandle, splitK } from './tool.mjs';
-export { legendEnterOperate, legendLeaveOperate, setEchartTooltip, setEchartXAxis, setEchartYAxis } from './chart.mjs';
+export { legendEnterOperate, legendLeaveOperate, setEchartTitle, setEchartTooltip, setEchartXAxis, setEchartYAxis } from './chart.mjs';

package/package.json

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

package/theme-chalk/ht-target.css

@@ -0,0 +1 @@
+.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}

package/theme-chalk/index.css

@@ -1 +1 @@
-.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}
+.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}

package/theme-chalk/src/index.scss

@@ -1 +1,2 @@
-@use './chart.scss';
+@use './chart.scss';
+@use './target.scss'

package/theme-chalk/src/target.scss

@@ -0,0 +1,20 @@
+.dialog {
+  width: 860px !important;
+  padding: 24px !important;
+}
+.factor-content {
+  width: 100%;
+  height: 380px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.factor_item {
+  width: 33.33%;
+  margin-bottom: 10px;
+  display: flex;
+}
+.check_item {
+  display: flex;
+  justify-content: space-between;
+}