hfn-components 0.6.3 → 0.6.5

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

@@ -47,6 +47,10 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly xAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -85,6 +89,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly floatNumber: number;
         readonly yAxisUnit: string;
         readonly yAxisObj: Record<string, any>;
+        readonly xAxisObj: Record<string, any>;
         readonly tooltipUnit: string;
         readonly watchResize: boolean;
         readonly showLegend: boolean;
@@ -153,6 +158,10 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly xAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -190,6 +199,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
     readonly floatNumber: number;
     readonly yAxisUnit: string;
     readonly yAxisObj: Record<string, any>;
+    readonly xAxisObj: Record<string, any>;
     readonly tooltipUnit: string;
     readonly watchResize: boolean;
     readonly showLegend: boolean;

package/es/components/chart/src/HtChart.d.ts

@@ -49,6 +49,10 @@ export declare const chartProps: {
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly xAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";

package/es/components/chart/src/HtChart.mjs

@@ -60,6 +60,12 @@ const chartProps = {
     default: () => {
     }
   },
+  // X轴对象
+  xAxisObj: {
+    type: Object,
+    default: () => {
+    }
+  },
   //tooltip单位
   tooltipUnit: {
     type: String,

package/es/components/chart/src/HtChart.vue.d.ts

@@ -54,6 +54,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly xAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -92,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly floatNumber: number;
         readonly yAxisUnit: string;
         readonly yAxisObj: Record<string, any>;
+        readonly xAxisObj: Record<string, any>;
         readonly tooltipUnit: string;
         readonly watchResize: boolean;
         readonly showLegend: boolean;
@@ -160,6 +165,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly xAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
     readonly tooltipUnit: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -197,6 +206,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly floatNumber: number;
     readonly yAxisUnit: string;
     readonly yAxisObj: Record<string, any>;
+    readonly xAxisObj: Record<string, any>;
     readonly tooltipUnit: string;
     readonly watchResize: boolean;
     readonly showLegend: boolean;

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/chart/src/HtChart.vue2.mjs

@@ -36,6 +36,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (val && val.length > 0) {
           echartOptions.color = props.lineColor;
           if (myChart.value) {
+            lengedDeal();
             echartInit();
           }
         }
@@ -47,7 +48,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         echartOptions.color = props.lineColor;
       }
       setEchartTitle(echartOptions, props);
-      setEchartXAxis(echartOptions, props.chartType, props.xAxisData);
+      setEchartXAxis(echartOptions, props.chartType, props.xAxisData, props);
       setEchartYAxis(echartOptions, props);
       setEchartTooltip(echartOptions, props);
       lengedDeal();

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

@@ -25,11 +25,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         key: string;
     }[]>;
     props: import("@vue/shared").LooseRequired<{
-        readonly loading: boolean;
-        readonly resizable: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./src/elTable").ElTableColumns[];
+        readonly loading: boolean;
         readonly headerColor: string;
+        readonly resizable: boolean;
     } & {}>;
     wrapText: (text: string, charsPerLine?: number) => string;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -718,6 +718,13 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly price_cnw: "累计净值";
         readonly price_cw_nav: "复权净值";
         readonly suspend_info: "停牌信息";
+        readonly industry: "行业名称";
+        readonly p4: "产品行业收益率";
+        readonly p1: "基准行业收益率";
+        readonly raa: "择时收益率";
+        readonly rss: "选股收益率";
+        readonly rin: "交互收益率";
+        readonly r_total: "超额收益率";
     };
     readonly convertKey: (data: any, key: string) => any;
     readonly TARGET_END_KEY: {
@@ -811,11 +818,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly default: true;
     };
 }>>, {
-    readonly loading: boolean;
-    readonly resizable: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./src/elTable").ElTableColumns[];
+    readonly loading: boolean;
     readonly headerColor: string;
+    readonly resizable: boolean;
 }, {}>> & Record<string, any>;
 export default HtElTable;
 export * from './src/elTable';

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

@@ -37,6 +37,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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.vue.d.ts

@@ -25,11 +25,11 @@ declare const _default: import("vue").DefineComponent<{
         key: string;
     }[]>;
     props: import("@vue/shared").LooseRequired<{
-        readonly loading: boolean;
-        readonly resizable: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./elTable").ElTableColumns[];
+        readonly loading: boolean;
         readonly headerColor: string;
+        readonly resizable: boolean;
     } & {}>;
     wrapText: (text: string, charsPerLine?: number) => string;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -718,6 +718,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly price_cnw: "累计净值";
         readonly price_cw_nav: "复权净值";
         readonly suspend_info: "停牌信息";
+        readonly industry: "行业名称";
+        readonly p4: "产品行业收益率";
+        readonly p1: "基准行业收益率";
+        readonly raa: "择时收益率";
+        readonly rss: "选股收益率";
+        readonly rin: "交互收益率";
+        readonly r_total: "超额收益率";
     };
     readonly convertKey: (data: any, key: string) => any;
     readonly TARGET_END_KEY: {
@@ -811,10 +818,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }>>, {
-    readonly loading: boolean;
-    readonly resizable: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./elTable").ElTableColumns[];
+    readonly loading: boolean;
     readonly headerColor: string;
+    readonly resizable: boolean;
 }, {}>;
 export default _default;

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

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

@@ -235,6 +235,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/pieChart/src/HtPieChart.vue.mjs

@@ -56,6 +56,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 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.d.ts

@@ -108,11 +108,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly dataSource: unknown[];
         readonly loading: boolean;
         readonly pageSize: number;
         readonly total: number;
         readonly columns: TableColumns[];
-        readonly dataSource: unknown[];
         readonly selectedKeys: (string | number)[];
         readonly actions: import("./HtTable").ActionItem[];
         readonly nowPage: number;
@@ -1817,11 +1817,11 @@ declare const _default: import("vue").DefineComponent<{
     onHandleSelectAll?: ((...args: any[]) => any) | undefined;
     onResizeColumn?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly dataSource: unknown[];
     readonly loading: boolean;
     readonly pageSize: number;
     readonly total: number;
     readonly columns: TableColumns[];
-    readonly dataSource: unknown[];
     readonly selectedKeys: (string | number)[];
     readonly actions: import("./HtTable").ActionItem[];
     readonly nowPage: number;

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/components/table/index.d.ts

@@ -105,11 +105,11 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly dataSource: unknown[];
         readonly loading: boolean;
         readonly pageSize: number;
         readonly total: number;
         readonly columns: import("./HtTable").TableColumns[];
-        readonly dataSource: unknown[];
         readonly selectedKeys: (string | number)[];
         readonly actions: import("./HtTable").ActionItem[];
         readonly nowPage: number;
@@ -1814,11 +1814,11 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
     onHandleSelectAll?: ((...args: any[]) => any) | undefined;
     onResizeColumn?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly dataSource: unknown[];
     readonly loading: boolean;
     readonly pageSize: number;
     readonly total: number;
     readonly columns: import("./HtTable").TableColumns[];
-    readonly dataSource: unknown[];
     readonly selectedKeys: (string | number)[];
     readonly actions: import("./HtTable").ActionItem[];
     readonly nowPage: number;

package/es/constants/table.d.ts

@@ -105,6 +105,13 @@ export declare const TABLE_KEY: {
     readonly price_cnw: "累计净值";
     readonly price_cw_nav: "复权净值";
     readonly suspend_info: "停牌信息";
+    readonly industry: "行业名称";
+    readonly p4: "产品行业收益率";
+    readonly p1: "基准行业收益率";
+    readonly raa: "择时收益率";
+    readonly rss: "选股收益率";
+    readonly rin: "交互收益率";
+    readonly r_total: "超额收益率";
 };
 export declare const CLOUMN_DEAL: {
     basicText4: (val: number | string | undefined) => string;

package/es/constants/table.mjs

@@ -114,7 +114,15 @@ const TABLE_KEY = {
   // 持仓概览-fof底层
   price_cnw: "\u7D2F\u8BA1\u51C0\u503C",
   price_cw_nav: "\u590D\u6743\u51C0\u503C",
-  suspend_info: "\u505C\u724C\u4FE1\u606F"
+  suspend_info: "\u505C\u724C\u4FE1\u606F",
+  // 归因分析
+  industry: "\u884C\u4E1A\u540D\u79F0",
+  p4: "\u4EA7\u54C1\u884C\u4E1A\u6536\u76CA\u7387",
+  p1: "\u57FA\u51C6\u884C\u4E1A\u6536\u76CA\u7387",
+  raa: "\u62E9\u65F6\u6536\u76CA\u7387",
+  rss: "\u9009\u80A1\u6536\u76CA\u7387",
+  rin: "\u4EA4\u4E92\u6536\u76CA\u7387",
+  r_total: "\u8D85\u989D\u6536\u76CA\u7387"
 };
 const basicText4 = (val) => {
   return typeof val !== "number" ? "-" : val.toFixed(4);

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/es/utils/chart.d.ts

@@ -2,7 +2,7 @@ import type { chartProp } from 'hfn-components/es/components/chart';
 export type chartType = 'category' | 'time';
 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 setEchartXAxis: (options: any, type: chartType, xAxisData: string[], props: chartProp) => 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

@@ -60,7 +60,7 @@ const legendLeaveOperate = (options) => {
     }
   });
 };
-const setEchartXAxis = (options, type, xAxisData) => {
+const setEchartXAxis = (options, type, xAxisData, props) => {
   if (type === "category") {
     const xAxis = [...xAxisData];
     options.xAxis = {
@@ -69,7 +69,8 @@ const setEchartXAxis = (options, type, xAxisData) => {
       boundaryGap: true,
       axisTick: {
         alignWithLabel: true
-      }
+      },
+      ...props.xAxisObj
     };
   } else if (type === "time") {
     options.xAxis = {
@@ -77,7 +78,8 @@ const setEchartXAxis = (options, type, xAxisData) => {
       minInterval: 24 * 60 * 60 * 1e3,
       axisLine: {
         onZero: false
-      }
+      },
+      ...props.xAxisObj
     };
   }
 };

package/package.json

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