hfn-components 0.3.3 → 0.3.4

package/dist/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/es/component.mjs

@@ -1,12 +1,14 @@
 import { HtElTable } from './components/elTable/index.mjs';
 import { HtChart } from './components/chart/index.mjs';
 import { HtPieChart } from './components/pieChart/index.mjs';
+import { HtTarget } from './components/htTarget/index.mjs';
 
 var Components = [
   // HtTable,
   HtChart,
   HtElTable,
-  HtPieChart
+  HtPieChart,
+  HtTarget
 ];
 
 export { Components as default };

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

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

@@ -706,6 +706,15 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly money_name: "金额（元）";
     };
     readonly convertKey: (data: any, key: string) => any;
+    readonly TARGET_HEAD_KEY: {
+        name: string;
+        key: string;
+    }[];
+    readonly TARGET_END_KEY: {
+        name: string;
+        key: string;
+        dealType: string;
+    }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
             readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;

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

@@ -34,6 +34,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* TEXT */
   ));
 }
-var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/columnDeal.vue"]]);
+var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/columnDeal.vue"]]);
 
 export { ColumnDeal as default };

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

@@ -706,6 +706,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly money_name: "金额（元）";
     };
     readonly convertKey: (data: any, key: string) => any;
+    readonly TARGET_HEAD_KEY: {
+        name: string;
+        key: string;
+    }[];
+    readonly TARGET_END_KEY: {
+        name: string;
+        key: string;
+        dealType: string;
+    }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
             readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;

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

@@ -1,7 +1,11 @@
 import _sfc_main from './elTable.vue2.mjs';
-import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 1 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createBlock($setup["ElTable"], {
     data: $setup.props.dataSource,
@@ -23,9 +27,42 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             resizable: "",
             key: item.key,
             prop: item.key,
-            label: item.customizeLabel ? item.customizeLabel : $setup.TABLE_KEY[item.key],
             width: item.width
           }, {
+            header: withCtx(() => [
+              item.customizeLabel ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                item.customizeLabel === "target" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.TARGET_HEAD_KEY.filter((items) => items.key === item.key.split("_")[0])[0].name),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.TARGET_END_KEY.filter((items) => items.key === item.key.split("_")[1])[0].name),
+                    1
+                    /* TEXT */
+                  )
+                ])) : (openBlock(), createElementBlock(
+                  "div",
+                  _hoisted_3,
+                  toDisplayString(item.customizeLabel),
+                  1
+                  /* TEXT */
+                ))
+              ])) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                createElementVNode(
+                  "div",
+                  null,
+                  toDisplayString($setup.TABLE_KEY[item.key]),
+                  1
+                  /* TEXT */
+                )
+              ]))
+            ]),
             default: withCtx((scope) => [
               item.dealType === "other" ? (openBlock(), createBlock($setup["ColumnDeal"], {
                 key: 0,
@@ -41,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 2
             /* DYNAMIC */
-          }, 1032, ["prop", "label", "width"]);
+          }, 1032, ["prop", "width"]);
         }),
         128
         /* KEYED_FRAGMENT */
@@ -53,6 +90,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [$setup["vLoading"], $setup.props.loading]
   ]);
 }
-var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/elTable.vue"]]);
+var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/elTable.vue"]]);
 
 export { elTable as default };

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

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

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

@@ -1,31 +1,43 @@
-export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<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>;
@@ -1972,8 +1984,23 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
     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<{}>>, {}, {}>> & Record<string, any>;
+}, 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;
+}, {}>> & Record<string, any>;
 export default HtTarget;
 export * from './src/htTarget.vue';

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

@@ -1 +1,12 @@
-export declare const aa = 11;
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const targetProps: {
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: PropType<string[]>;
+        readonly default: readonly [];
+    };
+};
+export type TargetProps = ExtractPropTypes<typeof targetProps>;

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

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.3.3",
+  "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;
+}

package/es/css/index.css

@@ -1,59 +0,0 @@
-.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;
-}