hfn-components 0.6.1 → 0.6.2

package/dist/index.css

@@ -0,0 +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%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{width:33.33%}.check_item,.factor_item{display:flex;margin-bottom:10px}.check_item{justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}.target-head{display:grid;grid:auto/repeat(5,1fr)}.flow-col{border-left:1px solid #e8e8e8;height:520px;overflow-y:auto;padding-left:10px}.header-text-wrap{line-height:1.5;white-space:pre-line}.header-only-border .el-table,.header-only-border .el-table__inner-wrapper,.header-only-border.el-table--border{border:none!important}.header-only-border .el-table:after,.header-only-border .el-table:before,.header-only-border .el-table__inner-wrapper:after,.header-only-border .el-table__inner-wrapper:before{display:none!important}.header-only-border .el-table__cell{border:none!important}.header-only-border .el-table__header .el-table__cell{border:none!important;position:relative}.header-only-border .el-table__header .el-table__cell:after{background-color:#dcdfe6;content:"";height:40%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.header-only-border .el-table__header .el-table__cell:last-child:after{display:none}

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };

package/es/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/es/component.mjs

@@ -0,0 +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,
+  HtTarget
+];
+
+export { Components as default };

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

@@ -0,0 +1,201 @@
+export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly chartType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
+        readonly default: "";
+    };
+    readonly titleText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly titleText2: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly xAxisData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+    readonly collation: {
+        readonly type: StringConstructor;
+        readonly default: "des";
+    };
+    readonly isReturn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isPercent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly yAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly tooltipUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showLegend: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly auxiliaryData: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly downLoadAutn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly chartData: any[];
+        readonly chartId: string;
+        readonly chartType: import("hfn-components/es/utils").chartType;
+        readonly titleText: string;
+        readonly titleText2: string;
+        readonly xAxisData: string[];
+        readonly collation: string;
+        readonly isReturn: boolean;
+        readonly isPercent: boolean;
+        readonly floatNumber: number;
+        readonly yAxisUnit: string;
+        readonly yAxisObj: Record<string, any>;
+        readonly tooltipUnit: string;
+        readonly watchResize: boolean;
+        readonly showLegend: boolean;
+        readonly auxiliaryData: Record<string, any>;
+        readonly downLoadAutn: boolean;
+        readonly lineColor: string[];
+    } & {}>;
+    myChart: import("vue").ShallowRef<any>;
+    isEmpty: import("vue").Ref<boolean>;
+    echartOptions: any;
+    drawGraph: () => void;
+    lengedDeal: () => void;
+    echartInit: () => void;
+    chartResize: () => void;
+    allLegend: import("vue").Ref<import("./src/HtChart.vue").Legend[]>;
+    noData: import("vue").Ref<boolean>;
+    legendStatus: (item: import("./src/HtChart.vue").Legend, index: number) => void;
+    legendEnter: (index: number) => void;
+    legendLeave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly chartType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
+        readonly default: "";
+    };
+    readonly titleText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly titleText2: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly xAxisData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+    readonly collation: {
+        readonly type: StringConstructor;
+        readonly default: "des";
+    };
+    readonly isReturn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isPercent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly yAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly tooltipUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showLegend: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly auxiliaryData: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly downLoadAutn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}>>, {
+    readonly chartData: any[];
+    readonly chartId: string;
+    readonly chartType: import("hfn-components/es/utils").chartType;
+    readonly titleText: string;
+    readonly titleText2: string;
+    readonly xAxisData: string[];
+    readonly collation: string;
+    readonly isReturn: boolean;
+    readonly isPercent: boolean;
+    readonly floatNumber: number;
+    readonly yAxisUnit: string;
+    readonly yAxisObj: Record<string, any>;
+    readonly tooltipUnit: string;
+    readonly watchResize: boolean;
+    readonly showLegend: boolean;
+    readonly auxiliaryData: Record<string, any>;
+    readonly downLoadAutn: boolean;
+    readonly lineColor: string[];
+}, {}>> & Record<string, any>;
+export default HtChart;
+export * from './src/HtChart';

package/es/components/chart/index.mjs

@@ -0,0 +1,7 @@
+import chart from './src/HtChart.vue.mjs';
+import { withInstall } from '../../utils/common.mjs';
+export { chartProps } from './src/HtChart.mjs';
+
+const HtChart = withInstall(chart);
+
+export { HtChart, HtChart as default };

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

@@ -0,0 +1,77 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import type { chartType } from 'hfn-components/es/utils';
+export declare const chartProps: {
+    readonly chartData: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly chartType: {
+        readonly type: PropType<chartType>;
+        readonly default: "";
+    };
+    readonly titleText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly titleText2: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly xAxisData: {
+        readonly type: PropType<string[]>;
+        readonly default: readonly [];
+    };
+    readonly collation: {
+        readonly type: StringConstructor;
+        readonly default: "des";
+    };
+    readonly isReturn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isPercent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly yAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly tooltipUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showLegend: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly auxiliaryData: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly downLoadAutn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: PropType<string[]>;
+        readonly default: readonly [];
+    };
+};
+export type chartProp = ExtractPropTypes<typeof chartProps>;

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

@@ -0,0 +1,93 @@
+const chartProps = {
+  //图表数据
+  chartData: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    type: Array,
+    default: () => []
+  },
+  //图表id
+  chartId: {
+    type: String,
+    default: ""
+  },
+  //图表类型
+  chartType: {
+    type: String,
+    default: ""
+  },
+  //图表标题
+  titleText: {
+    type: String,
+    default: ""
+  },
+  //图表标题
+  titleText2: {
+    type: String,
+    default: ""
+  },
+  //是类目轴时x轴数据
+  xAxisData: {
+    type: Array,
+    default: []
+  },
+  collation: {
+    type: String,
+    default: "des"
+  },
+  //是否为收益率
+  isReturn: {
+    type: Boolean,
+    default: false
+  },
+  //是否有百分比
+  isPercent: {
+    type: Boolean,
+    default: false
+  },
+  //保留几位小数
+  floatNumber: {
+    type: Number,
+    default: 4
+  },
+  //Y轴单位
+  yAxisUnit: {
+    type: String,
+    default: ""
+  },
+  // Y轴对象
+  yAxisObj: {
+    type: Object,
+    default: () => {
+    }
+  },
+  //tooltip单位
+  tooltipUnit: {
+    type: String,
+    default: ""
+  },
+  //图表重新加载
+  watchResize: {
+    type: Boolean,
+    default: false
+  },
+  showLegend: {
+    type: Boolean,
+    default: true
+  },
+  //堆叠辅助数据
+  auxiliaryData: {
+    type: Object,
+    default: null
+  },
+  //数据下载
+  downLoadAutn: {
+    type: Boolean,
+    default: false
+  },
+  lineColor: {
+    type: Array,
+    default: []
+  }
+};
+
+export { chartProps };

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

@@ -0,0 +1,207 @@
+import type { Ref } from 'vue';
+export interface Legend {
+    name: string;
+    lineType: string;
+    isShow: boolean;
+    color: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly chartType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
+        readonly default: "";
+    };
+    readonly titleText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly titleText2: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly xAxisData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+    readonly collation: {
+        readonly type: StringConstructor;
+        readonly default: "des";
+    };
+    readonly isReturn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isPercent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly yAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly tooltipUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showLegend: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly auxiliaryData: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly downLoadAutn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly chartData: any[];
+        readonly chartId: string;
+        readonly chartType: import("hfn-components/es/utils").chartType;
+        readonly titleText: string;
+        readonly titleText2: string;
+        readonly xAxisData: string[];
+        readonly collation: string;
+        readonly isReturn: boolean;
+        readonly isPercent: boolean;
+        readonly floatNumber: number;
+        readonly yAxisUnit: string;
+        readonly yAxisObj: Record<string, any>;
+        readonly tooltipUnit: string;
+        readonly watchResize: boolean;
+        readonly showLegend: boolean;
+        readonly auxiliaryData: Record<string, any>;
+        readonly downLoadAutn: boolean;
+        readonly lineColor: string[];
+    } & {}>;
+    myChart: import("vue").ShallowRef<any>;
+    isEmpty: Ref<boolean>;
+    echartOptions: any;
+    drawGraph: () => void;
+    lengedDeal: () => void;
+    echartInit: () => void;
+    chartResize: () => void;
+    allLegend: Ref<Legend[]>;
+    noData: Ref<boolean>;
+    legendStatus: (item: Legend, index: number) => void;
+    legendEnter: (index: number) => void;
+    legendLeave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly chartType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
+        readonly default: "";
+    };
+    readonly titleText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly titleText2: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly xAxisData: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+    readonly collation: {
+        readonly type: StringConstructor;
+        readonly default: "des";
+    };
+    readonly isReturn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isPercent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly yAxisUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly yAxisObj: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly tooltipUnit: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showLegend: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly auxiliaryData: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly downLoadAutn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}>>, {
+    readonly chartData: any[];
+    readonly chartId: string;
+    readonly chartType: import("hfn-components/es/utils").chartType;
+    readonly titleText: string;
+    readonly titleText2: string;
+    readonly xAxisData: string[];
+    readonly collation: string;
+    readonly isReturn: boolean;
+    readonly isPercent: boolean;
+    readonly floatNumber: number;
+    readonly yAxisUnit: string;
+    readonly yAxisObj: Record<string, any>;
+    readonly tooltipUnit: string;
+    readonly watchResize: boolean;
+    readonly showLegend: boolean;
+    readonly auxiliaryData: Record<string, any>;
+    readonly downLoadAutn: boolean;
+    readonly lineColor: string[];
+}, {}>;
+export default _default;