hfn-components 0.1.0 → 0.1.2

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

@@ -0,0 +1,88 @@
+import * as echarts from 'echarts/core';
+export { echarts as default };
+import { BarChart, LineChart } from 'echarts/charts';
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DatasetComponent, TransformComponent } from 'echarts/components';
+import { LabelLayout, UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+
+echarts.use([
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  DatasetComponent,
+  TransformComponent,
+  BarChart,
+  LineChart,
+  LabelLayout,
+  UniversalTransition,
+  CanvasRenderer
+]);
+const BASIC_CHART_CONFIG = {
+  title: {
+    text: "",
+    // top: '5%',
+    left: "0%",
+    textStyle: {
+      fontSize: 12,
+      color: "rgba(0,0,0,0.7)",
+      fontWeight: "normal"
+    }
+  },
+  // 图例
+  legend: {
+    left: "0%",
+    show: false
+  },
+  xAxis: {},
+  yAxis: {},
+  grid: {
+    // top: '12%',
+    top: "8%",
+    left: "3%",
+    right: "3%",
+    bottom: "1%",
+    containLabel: true
+  },
+  // 线条颜色
+  color: [
+    "#C13431",
+    "#1E85D2",
+    "#FD984F",
+    "#63B9BB",
+    "#BBB162",
+    "#AE76C1",
+    "#5E92F6",
+    "#F5BC32",
+    "#DA8484",
+    "#41982E",
+    "#437095",
+    "#8060A7",
+    "#7D0A0D",
+    "#572AFF",
+    "#2BE8F8",
+    "#FF1493",
+    "#E066FF",
+    "#27408B",
+    "#5191A3",
+    "#D5634C",
+    "#92d6fd",
+    "#b92e2d",
+    "#187bc9",
+    "#90bae0",
+    "#187bc9",
+    "#0070C9",
+    "#5470c6",
+    "#91cc75",
+    "#fac858",
+    "#ee6666",
+    "#73c0de",
+    "#3ba272",
+    "#fc8452",
+    "#9a60b4",
+    "#ea7ccc"
+  ],
+  series: []
+};
+
+export { BASIC_CHART_CONFIG };

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

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

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

@@ -13,9 +13,9 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./src/elTable").ElTableColumns[];
-        readonly loading: boolean;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         data: {
@@ -23,14 +23,14 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             default: () => never[];
         };
         size: {
-            readonly type: import("vue").PropType<import("element-plus").ButtonType<StringConstructor, "" | "small" | "default" | "large", never>>;
+            readonly type: import("vue").PropType<import("element-plus").ButtonType<StringConstructor, "" | "default" | "small" | "large", never>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        width: (NumberConstructor | StringConstructor)[];
-        height: (NumberConstructor | StringConstructor)[];
-        maxHeight: (NumberConstructor | StringConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
         fit: {
             type: BooleanConstructor;
             default: boolean;
@@ -54,7 +54,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         headerCellClassName: import("vue").PropType<import("element-plus").CellCls<any> | undefined>;
         headerCellStyle: import("vue").PropType<import("element-plus").CellStyle<any> | undefined>;
         highlightCurrentRow: BooleanConstructor;
-        currentRowKey: (NumberConstructor | StringConstructor)[];
+        currentRowKey: (StringConstructor | NumberConstructor)[];
         emptyText: StringConstructor;
         expandRowKeys: import("vue").PropType<any[] | undefined>;
         defaultExpandAll: BooleanConstructor;
@@ -130,7 +130,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         handleHeaderFooterMousewheel: (event: any, data: any) => void;
         handleMouseLeave: () => void;
         tableId: string;
-        tableSize: import("vue").ComputedRef<"" | "small" | "default" | "large">;
+        tableSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         isHidden: import("vue").Ref<boolean>;
         isEmpty: import("vue").ComputedRef<boolean>;
         renderExpanded: import("vue").Ref<null>;
@@ -201,14 +201,14 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             default: () => never[];
         };
         size: {
-            readonly type: import("vue").PropType<import("element-plus").ButtonType<StringConstructor, "" | "small" | "default" | "large", never>>;
+            readonly type: import("vue").PropType<import("element-plus").ButtonType<StringConstructor, "" | "default" | "small" | "large", never>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        width: (NumberConstructor | StringConstructor)[];
-        height: (NumberConstructor | StringConstructor)[];
-        maxHeight: (NumberConstructor | StringConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
         fit: {
             type: BooleanConstructor;
             default: boolean;
@@ -232,7 +232,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         headerCellClassName: import("vue").PropType<import("element-plus").CellCls<any> | undefined>;
         headerCellStyle: import("vue").PropType<import("element-plus").CellStyle<any> | undefined>;
         highlightCurrentRow: BooleanConstructor;
-        currentRowKey: (NumberConstructor | StringConstructor)[];
+        currentRowKey: (StringConstructor | NumberConstructor)[];
         emptyText: StringConstructor;
         expandRowKeys: import("vue").PropType<any[] | undefined>;
         defaultExpandAll: BooleanConstructor;
@@ -335,11 +335,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             property: StringConstructor;
             prop: StringConstructor;
             width: {
-                type: (NumberConstructor | StringConstructor)[];
+                type: (StringConstructor | NumberConstructor)[];
                 default: string;
             };
             minWidth: {
-                type: (NumberConstructor | StringConstructor)[];
+                type: (StringConstructor | NumberConstructor)[];
                 default: string;
             };
             renderHeader: import("vue").PropType<(data: {
@@ -397,11 +397,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             property: StringConstructor;
             prop: StringConstructor;
             width: {
-                type: (NumberConstructor | StringConstructor)[];
+                type: (StringConstructor | NumberConstructor)[];
                 default: string;
             };
             minWidth: {
-                type: (NumberConstructor | StringConstructor)[];
+                type: (StringConstructor | NumberConstructor)[];
                 default: string;
             };
             renderHeader: import("vue").PropType<(data: {
@@ -471,11 +471,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         property: StringConstructor;
         prop: StringConstructor;
         width: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         minWidth: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         renderHeader: import("vue").PropType<(data: {
@@ -533,11 +533,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         property: StringConstructor;
         prop: StringConstructor;
         width: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         minWidth: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         renderHeader: import("vue").PropType<(data: {
@@ -596,29 +596,76 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         filterMultiple: boolean;
     }, {}>>;
     readonly vLoading: import("vue").Directive<import("element-plus/es/components/loading/src/directive").ElementLoading, import("element-plus/es/components/loading/src/directive").LoadingBinding>;
+    readonly TABLE_KEY: {
+        readonly index: "序号";
+        readonly year: "年份";
+        readonly cucmulativeReturn: "区间收益";
+        readonly excessReturn: "超额区间收益";
+        readonly vol: "年化波动率";
+        readonly excessVol: "超额年化波动率";
+        readonly sharpeRatio: "夏普比率";
+        readonly excessSharpeRatio: "超额夏普比率";
+        readonly calmarRatio: "卡玛比率";
+        readonly excessCalmarRatio: "超额卡玛比率";
+        readonly sortinoRatio: "索提诺比率";
+        readonly excessSortinoRatio: "超额索提诺比率";
+        readonly downsideDev: "下行风险";
+        readonly excessDownsideDev: "超额下行风险";
+        readonly maxDrawdown: "最大回撤";
+        readonly excessMaxDrawdown: "超额最大回撤";
+        readonly maxDrawdownDays: "最大回撤回补期（天）";
+        readonly excessMaxDrawdownDays: "超额最大回撤回补期（天）";
+        readonly maxNormalDays: "最长连续不创新高天数（天）";
+        readonly excessMaxNormalDays: "超额最长连续不创新高天数（天）";
+        readonly '01': "1月";
+        readonly '02': "2月";
+        readonly '03': "3月";
+        readonly '04': "4月";
+        readonly '05': "5月";
+        readonly '06': "6月";
+        readonly '07': "7月";
+        readonly '08': "8月";
+        readonly '09': "9月";
+        readonly '10': "10月";
+        readonly '11': "11月";
+        readonly '12': "12月";
+        readonly MonthlyPositiveRatio: "月胜率";
+        readonly all_year: "全年";
+    };
     ColumnDeal: import("vue").DefineComponent<{
-        dealType: {
-            type: StringConstructor;
-            required: true;
+        readonly dealType: {
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly default: "";
         };
-        text: {
-            type: (NumberConstructor | StringConstructor)[];
-            required: true;
+        readonly text: {
+            readonly type: import("vue").PropType<string | number | undefined>;
+            readonly default: undefined;
         };
     }, {
-        props: any;
-        readonly CLOUMN_DEAL: Record<string, Function>;
+        props: import("@vue/shared").LooseRequired<{
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+            readonly text?: string | number | undefined;
+        } & {}>;
+        readonly CLOUMN_DEAL: {
+            basicText4: (val: string | number | undefined) => string;
+            colorText: (val: string | number | undefined) => string;
+            colorPercentage: (val: string | number | undefined) => string;
+            percentage: (val: string | number | undefined) => string;
+            notProcessed: null;
+        };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        dealType: {
-            type: StringConstructor;
-            required: true;
+        readonly dealType: {
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly default: "";
         };
-        text: {
-            type: (NumberConstructor | StringConstructor)[];
-            required: true;
+        readonly text: {
+            readonly type: import("vue").PropType<string | number | undefined>;
+            readonly default: undefined;
         };
-    }>>, {}, {}>;
-    readonly TABLE_KEY: Record<string, string>;
+    }>>, {
+        readonly text: string | number | undefined;
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+    }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {
         readonly type: ArrayConstructor;
@@ -633,9 +680,9 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly default: false;
     };
 }>>, {
+    readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./src/elTable").ElTableColumns[];
-    readonly loading: boolean;
 }, {}>> & Record<string, any>;
 export default HtElTable;
 export * from './src/elTable';

package/es/components/elTable/index.mjs

@@ -1,6 +1,6 @@
 import elTable from './src/elTable.vue.mjs';
 import { withInstall } from '../../utils/common.mjs';
-export { elTableProps } from './src/elTable.mjs';
+export { columnDealProps, elTableProps } from './src/elTable.mjs';
 
 const HtElTable = withInstall(elTable);
 

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

@@ -1,23 +1,35 @@
 declare const _default: import("vue").DefineComponent<{
-    dealType: {
-        type: StringConstructor;
-        required: true;
+    readonly dealType: {
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly default: "";
     };
-    text: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
     };
 }, {
-    props: any;
-    readonly CLOUMN_DEAL: Record<string, Function>;
+    props: import("@vue/shared").LooseRequired<{
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+        readonly text?: string | number | undefined;
+    } & {}>;
+    readonly CLOUMN_DEAL: {
+        basicText4: (val: string | number | undefined) => string;
+        colorText: (val: string | number | undefined) => string;
+        colorPercentage: (val: string | number | undefined) => string;
+        percentage: (val: string | number | undefined) => string;
+        notProcessed: null;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    dealType: {
-        type: StringConstructor;
-        required: true;
+    readonly dealType: {
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly default: "";
     };
-    text: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
     };
-}>>, {}, {}>;
+}>>, {
+    readonly text: string | number | undefined;
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+}, {}>;
 export default _default;

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

@@ -18,14 +18,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       {
         style: normalizeStyle({ color: $setup.props.text > 0 ? "red" : $setup.props.text < 0 ? "green" : "" })
       },
-      toDisplayString($setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text)),
+      toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
       5
       /* TEXT, STYLE */
     )
   ])) : (openBlock(), createElementBlock(
     "div",
     _hoisted_3,
-    toDisplayString($setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text)),
+    toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
     1
     /* TEXT */
   ));

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

@@ -1,12 +1,10 @@
 import { defineComponent } from 'vue';
 import { CLOUMN_DEAL } from '../../../constants/table.mjs';
+import { columnDealProps } from './elTable.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "columnDeal",
-  props: {
-    dealType: { type: String, required: true },
-    text: { type: [String, Number], required: true }
-  },
+  props: columnDealProps,
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;

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

@@ -1,7 +1,8 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import type { clounmKyeType, dealKeyType } from 'hfn-components/es/constants';
 export interface ElTableColumns {
-    key: string;
-    dealType: string;
+    key: clounmKyeType;
+    dealType: dealKeyType;
     width: string | number;
 }
 export declare const elTableProps: {
@@ -18,4 +19,15 @@ export declare const elTableProps: {
         readonly default: false;
     };
 };
+export declare const columnDealProps: {
+    readonly dealType: {
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+};
 export type ElTableProps = ExtractPropTypes<typeof elTableProps>;
+export type ColumnDealProps = ExtractPropTypes<typeof columnDealProps>;

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

@@ -12,5 +12,15 @@ const elTableProps = {
     default: false
   }
 };
+const columnDealProps = {
+  dealType: {
+    type: String,
+    default: ""
+  },
+  text: {
+    type: [String, Number],
+    default: void 0
+  }
+};
 
-export { elTableProps };
+export { columnDealProps, elTableProps };