hfn-components 0.2.5 → 0.2.7

package/component.ts

@@ -0,0 +1,13 @@
+// import { HtTable } from '@hfn-components/components/table'
+import { HtElTable } from '@hfn-components/components/elTable'
+import { HtChart } from '@hfn-components/components/chart'
+import { HtPieChart } from '@hfn-components/components/pieChart'
+
+import type { Plugin } from 'vue'
+
+export default [
+  // HtTable,
+  HtChart,
+  HtElTable,
+  HtPieChart
+] as Plugin[]

package/defaults.ts

@@ -0,0 +1,5 @@
+import { makeInstaller } from './make-installer'
+import Components from './component'
+import Plugins from './plugin'
+
+export default makeInstaller([...Components, ...Plugins])

package/index.ts

@@ -0,0 +1,6 @@
+import installer from './defaults'
+export * from './make-installer'
+export * from '@hfn-components/components'
+
+export const install = installer.install
+export default installer

package/make-installer.ts

@@ -0,0 +1,17 @@
+import type { App, Plugin } from 'vue'
+import { INSTALLED_KEY } from '@hfn-components/constants'
+
+export const makeInstaller = (components: Plugin[] = []) => {
+  const install = (app: App) => {
+    if (app[INSTALLED_KEY]) return
+
+    app[INSTALLED_KEY] = true
+    components.forEach(c => app.use(c))
+
+    //   if (options) provideGlobalConfig(options, app, true)
+  }
+
+  return {
+    install
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "",
   "main": "index.ts",
   "module": "es/index.mjs",
@@ -11,7 +11,7 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "devDependencies":{
+  "devDependencies": {
     "ant-design-vue": "3.2.20",
     "@ant-design/icons-vue": "^7.0.1",
     "element-plus": "^2.7.7"

package/plugin.ts

@@ -0,0 +1 @@
+export default []

package/dist/index.css

@@ -1 +0,0 @@
-.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;height:100%;justify-content:center;position:absolute;width:100%}

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

@@ -1,9 +0,0 @@
-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

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

package/es/component.mjs

@@ -1,10 +0,0 @@
-import { HtElTable } from './components/elTable/index.mjs';
-import { HtChart } from './components/chart/index.mjs';
-
-var Components = [
-  // HtTable,
-  HtChart,
-  HtElTable
-];
-
-export { Components as default };

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

@@ -1,171 +0,0 @@
-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 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 titleText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly yAxisUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly tooltipUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly watchResize: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showLegend: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    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 xAxisData: string[];
-        readonly collation: string;
-        readonly isReturn: boolean;
-        readonly isPercent: boolean;
-        readonly floatNumber: number;
-        readonly titleText: string;
-        readonly yAxisUnit: string;
-        readonly tooltipUnit: string;
-        readonly watchResize: boolean;
-        readonly showLegend: boolean;
-        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 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 titleText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly yAxisUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly tooltipUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly watchResize: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showLegend: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    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 xAxisData: string[];
-    readonly collation: string;
-    readonly isReturn: boolean;
-    readonly isPercent: boolean;
-    readonly floatNumber: number;
-    readonly titleText: string;
-    readonly yAxisUnit: string;
-    readonly tooltipUnit: string;
-    readonly watchResize: boolean;
-    readonly showLegend: boolean;
-    readonly downLoadAutn: boolean;
-    readonly lineColor: string[];
-}, {}>> & Record<string, any>;
-export default HtChart;
-export * from './src/HtChart';

package/es/components/chart/index.mjs

@@ -1,7 +0,0 @@
-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

@@ -1,65 +0,0 @@
-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 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 titleText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly yAxisUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly tooltipUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly watchResize: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showLegend: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    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

@@ -1,86 +0,0 @@
-const chartProps = {
-  //图表数据
-  chartData: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    type: Array,
-    default: () => []
-  },
-  //图表id
-  chartId: {
-    type: String,
-    default: ""
-  },
-  //图表高度
-  // chartHeight: {
-  //   type: String,
-  //   default: ''
-  // },
-  chartType: {
-    type: String,
-    default: ""
-  },
-  //是否为类目轴
-  // isCategory: {
-  //   type: Boolean,
-  //   default: false
-  // },
-  //是类目轴时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轴文本
-  titleText: {
-    type: String,
-    default: ""
-  },
-  //Y轴单位
-  yAxisUnit: {
-    type: String,
-    default: ""
-  },
-  //tooltip单位
-  tooltipUnit: {
-    type: String,
-    default: ""
-  },
-  //图表重新加载
-  watchResize: {
-    type: Boolean,
-    default: false
-  },
-  showLegend: {
-    type: Boolean,
-    default: true
-  },
-  //数据下载
-  downLoadAutn: {
-    type: Boolean,
-    default: false
-  },
-  lineColor: {
-    type: Array,
-    default: []
-  }
-};
-
-export { chartProps };

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

@@ -1,177 +0,0 @@
-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 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 titleText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly yAxisUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly tooltipUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly watchResize: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showLegend: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    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 xAxisData: string[];
-        readonly collation: string;
-        readonly isReturn: boolean;
-        readonly isPercent: boolean;
-        readonly floatNumber: number;
-        readonly titleText: string;
-        readonly yAxisUnit: string;
-        readonly tooltipUnit: string;
-        readonly watchResize: boolean;
-        readonly showLegend: boolean;
-        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 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 titleText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly yAxisUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly tooltipUnit: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly watchResize: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showLegend: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    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 xAxisData: string[];
-    readonly collation: string;
-    readonly isReturn: boolean;
-    readonly isPercent: boolean;
-    readonly floatNumber: number;
-    readonly titleText: string;
-    readonly yAxisUnit: string;
-    readonly tooltipUnit: string;
-    readonly watchResize: boolean;
-    readonly showLegend: boolean;
-    readonly downLoadAutn: boolean;
-    readonly lineColor: string[];
-}, {}>;
-export default _default;