hfn-components 0.1.0 → 0.1.2

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

@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./elTable").ElTableColumns[];
-        readonly loading: boolean;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         data: {
@@ -23,14 +23,14 @@ declare const _default: import("vue").DefineComponent<{
             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 @@ declare const _default: import("vue").DefineComponent<{
         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 @@ declare const _default: import("vue").DefineComponent<{
         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 @@ declare const _default: import("vue").DefineComponent<{
             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 @@ declare const _default: import("vue").DefineComponent<{
         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 @@ declare const _default: import("vue").DefineComponent<{
             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 @@ declare const _default: import("vue").DefineComponent<{
             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 @@ declare const _default: import("vue").DefineComponent<{
         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 @@ declare const _default: import("vue").DefineComponent<{
         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 @@ declare const _default: import("vue").DefineComponent<{
         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,8 +680,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: false;
     };
 }>>, {
+    readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./elTable").ElTableColumns[];
-    readonly loading: boolean;
 }, {}>;
 export default _default;

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

@@ -7,7 +7,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     data: $setup.props.dataSource,
     style: { "width": "100%" },
     height: "100%",
-    "header-cell-style": { background: "#f0f0f0", color: "#000", "font-weight": 500, "font-size": "12px" }
+    "header-cell-style": {
+      background: "#f0f0f0",
+      color: "#000",
+      "font-weight": 500,
+      "font-size": "12px"
+    }
   }, {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(
@@ -15,6 +20,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         null,
         renderList($setup.props.tableColumn, (item) => {
           return openBlock(), createBlock($setup["ElTableColumn"], {
+            key: item.key,
             prop: item.key,
             label: $setup.TABLE_KEY[item.key],
             width: item.width
@@ -29,8 +35,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             /* DYNAMIC */
           }, 1032, ["prop", "label", "width"]);
         }),
-        256
-        /* UNKEYED_FRAGMENT */
+        128
+        /* KEYED_FRAGMENT */
       ))
     ]),
     _: 1

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

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

package/es/components/index.d.ts

@@ -1 +1,2 @@
 export * from './elTable';
+export * from './chart';

package/es/components/index.mjs

@@ -1,2 +1,4 @@
 export { HtElTable } from './elTable/index.mjs';
-export { elTableProps } from './elTable/src/elTable.mjs';
+export { HtChart } from './chart/index.mjs';
+export { columnDealProps, elTableProps } from './elTable/src/elTable.mjs';
+export { chartProps } from './chart/src/HtChart.mjs';

package/es/components/table/HtTable.d.ts

@@ -1,5 +1,5 @@
 import type HtTable from './HtTable.vue';
-import type { ExtractPropTypes, PropType } from "vue";
+import type { ExtractPropTypes, PropType } from 'vue';
 import { ColumnGroupType, ColumnType, TablePaginationConfig, SortOrder } from 'ant-design-vue/es/table/interface';
 import { TableColumnType } from 'ant-design-vue';
 interface CustomColumn {

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;
@@ -325,7 +325,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                 };
                 showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-                size: import("vue").PropType<"small" | "default">;
+                size: import("vue").PropType<"default" | "small">;
                 simple: {
                     type: BooleanConstructor;
                     default: any;
@@ -395,7 +395,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                 };
                 showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-                size: import("vue").PropType<"small" | "default">;
+                size: import("vue").PropType<"default" | "small">;
                 simple: {
                     type: BooleanConstructor;
                     default: any;
@@ -481,7 +481,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
             };
             showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-            size: import("vue").PropType<"small" | "default">;
+            size: import("vue").PropType<"default" | "small">;
             simple: {
                 type: BooleanConstructor;
                 default: any;
@@ -541,7 +541,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-        size: import("vue").PropType<"small" | "default">;
+        size: import("vue").PropType<"default" | "small">;
         simple: {
             type: BooleanConstructor;
             default: any;
@@ -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

@@ -54,8 +54,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         pagination: $setup.props.showOriginalPagination,
         showSorterTooltip: false,
         scroll: $setup.tableScroll,
-        class: normalizeClass({ "t44": _ctx.smallHeader, "t54": !_ctx.smallHeader }),
-        "row-selection": _ctx.selectShow ? { selectedRowKeys: $setup.selectedRowKeys, onChange: $setup.onSelectChange, onSelect: $setup.handleSelect, onSelectAll: $setup.handleSelectAll, getCheckboxProps: $setup.getCheckboxProps } : void 0,
+        class: normalizeClass({ t44: _ctx.smallHeader, t54: !_ctx.smallHeader }),
+        "row-selection": _ctx.selectShow ? {
+          selectedRowKeys: $setup.selectedRowKeys,
+          onChange: $setup.onSelectChange,
+          onSelect: $setup.handleSelect,
+          onSelectAll: $setup.handleSelectAll,
+          getCheckboxProps: $setup.getCheckboxProps
+        } : void 0,
         onResizeColumn: $setup.resizeColumn,
         onChange: $setup.handleTableChange
       }, {

package/es/components/table/HtTable.vue2.mjs

@@ -10,14 +10,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "HtTable",
   props: tableProps,
-  emits: [
-    "pageChange",
-    "filterChange",
-    "onSelectChange",
-    "handleSelect",
-    "handleSelectAll",
-    "resizeColumn"
-  ],
+  emits: ["pageChange", "filterChange", "onSelectChange", "handleSelect", "handleSelectAll", "resizeColumn"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -60,13 +53,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const tableColumns = computed(() => {
       console.log(props.columns);
       if (props.actions?.length > 0) {
-        return [...props.columns, {
-          title: "\u64CD\u4F5C",
-          dataIndex: "action",
-          key: "action",
-          align: "center",
-          fixed: "right"
-        }];
+        return [
+          ...props.columns,
+          {
+            title: "\u64CD\u4F5C",
+            dataIndex: "action",
+            key: "action",
+            align: "center",
+            fixed: "right"
+          }
+        ];
       } else return [...props.columns];
     });
     const getIconComponent = (iconType) => {

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;
@@ -322,7 +322,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
                     };
                 };
                 showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-                size: import("vue").PropType<"small" | "default">;
+                size: import("vue").PropType<"default" | "small">;
                 simple: {
                     type: BooleanConstructor;
                     default: any;
@@ -392,7 +392,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
                     };
                 };
                 showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-                size: import("vue").PropType<"small" | "default">;
+                size: import("vue").PropType<"default" | "small">;
                 simple: {
                     type: BooleanConstructor;
                     default: any;
@@ -478,7 +478,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
                 };
             };
             showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-            size: import("vue").PropType<"small" | "default">;
+            size: import("vue").PropType<"default" | "small">;
             simple: {
                 type: BooleanConstructor;
                 default: any;
@@ -538,7 +538,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
             };
         };
         showTotal: import("vue").PropType<(total: number, range: [number, number]) => any>;
-        size: import("vue").PropType<"small" | "default">;
+        size: import("vue").PropType<"default" | "small">;
         simple: {
             type: BooleanConstructor;
             default: any;
@@ -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

@@ -1,2 +1,45 @@
-export declare const TABLE_KEY: Record<string, string>;
-export declare const CLOUMN_DEAL: Record<string, Function>;
+export declare const 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: "全年";
+};
+export declare const CLOUMN_DEAL: {
+    basicText4: (val: number | string | undefined) => string;
+    colorText: (val: number | string | undefined) => string;
+    colorPercentage: (val: number | string | undefined) => string;
+    percentage: (val: number | string | undefined) => string;
+    notProcessed: null;
+};
+export type clounmKyeType = keyof typeof TABLE_KEY;
+export type dealKeyType = keyof typeof CLOUMN_DEAL;

package/es/constants/table.mjs

@@ -35,16 +35,17 @@ const TABLE_KEY = {
   all_year: "\u5168\u5E74"
 };
 const basicText4 = (val) => {
-  return val === "-" ? "-" : val.toFixed(4);
+  return val === "-" || val === void 0 ? "-" : val.toFixed(4);
 };
 const percentage = (val) => {
-  return val === "-" ? "-" : (val * 100).toFixed(2) + "%";
+  return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(2) + "%";
 };
 const CLOUMN_DEAL = {
   basicText4,
   colorText: basicText4,
   colorPercentage: percentage,
-  percentage
+  percentage,
+  notProcessed: null
 };
 
 export { CLOUMN_DEAL, TABLE_KEY };

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/index.mjs

@@ -1,7 +1,9 @@
 import installer from './defaults.mjs';
 export { makeInstaller } from './make-installer.mjs';
 export { HtElTable } from './components/elTable/index.mjs';
-export { elTableProps } from './components/elTable/src/elTable.mjs';
+export { HtChart } from './components/chart/index.mjs';
+export { columnDealProps, elTableProps } from './components/elTable/src/elTable.mjs';
+export { chartProps } from './components/chart/src/HtChart.mjs';
 
 const install = installer.install;
 

package/es/utils/chart.d.ts

@@ -0,0 +1,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 setEchartYAxis: (options: any) => void;
+export declare const setEchartTooltip: (options: any, props: chartProp) => void;