hfn-components 0.2.5 → 0.2.7

package/es/components/table/index.mjs

@@ -1,7 +0,0 @@
-import Table from './HtTable.vue.mjs';
-import { withInstall } from '../../utils/common.mjs';
-export { tableProps } from './HtTable.mjs';
-
-const HtTable = withInstall(Table);
-
-export { HtTable, HtTable as default };

package/es/constants/index.d.ts

@@ -1,2 +0,0 @@
-export * from './key';
-export * from './table';

package/es/constants/index.mjs

@@ -1,2 +0,0 @@
-export { INSTALLED_KEY } from './key.mjs';
-export { CLOUMN_DEAL, TABLE_KEY, convertKey } from './table.mjs';

package/es/constants/key.d.ts

@@ -1 +0,0 @@
-export declare const INSTALLED_KEY: unique symbol;

package/es/constants/key.mjs

@@ -1,3 +0,0 @@
-const INSTALLED_KEY = Symbol("INSTALLED_KEY");
-
-export { INSTALLED_KEY };

package/es/constants/table.d.ts

@@ -1,61 +0,0 @@
-export declare const TABLE_KEY: {
-    readonly index: "序号";
-    readonly year: "年份";
-    readonly fundName: "基金名称";
-    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 interval: "最大回撤起止区间";
-    readonly maxDrawdown: "最大回撤";
-    readonly excessMaxDrawdown: "超额最大回撤";
-    readonly maxDrawdownDays: "最大回撤回补期（天）";
-    readonly excessMaxDrawdownDays: "超额最大回撤回补期（天）";
-    readonly maxNormalDays: "最长连续不创新高天数（天）";
-    readonly excessMaxNormalDays: "超额最长连续不创新高天数（天）";
-    readonly annualReturn: "年化收益";
-    readonly excessAnnualReturn: "超额年化收益";
-    readonly corr: "相关系数";
-    readonly informationRatio: "信息比率";
-    readonly trackingError: "跟踪误差";
-    readonly alpha: "Alpha";
-    readonly beta: "Beta";
-    readonly skew: "偏度";
-    readonly kurt: "峰度";
-    readonly cVaR: "VaR（95%置信）";
-    readonly indexReturns: "同期指数收益";
-    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;
-    absPercentage: (val: number | string | undefined) => string;
-    notProcessed: null;
-    other: null;
-};
-export declare const convertKey: (data: any, key: string) => any;
-export type clounmKyeType = keyof typeof TABLE_KEY;
-export type dealKeyType = keyof typeof CLOUMN_DEAL;

package/es/constants/table.mjs

@@ -1,73 +0,0 @@
-const TABLE_KEY = {
-  index: "\u5E8F\u53F7",
-  year: "\u5E74\u4EFD",
-  fundName: "\u57FA\u91D1\u540D\u79F0",
-  cucmulativeReturn: "\u533A\u95F4\u6536\u76CA",
-  excessReturn: "\u8D85\u989D\u533A\u95F4\u6536\u76CA",
-  vol: "\u5E74\u5316\u6CE2\u52A8\u7387",
-  excessVol: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387",
-  sharpeRatio: "\u590F\u666E\u6BD4\u7387",
-  excessSharpeRatio: "\u8D85\u989D\u590F\u666E\u6BD4\u7387",
-  calmarRatio: "\u5361\u739B\u6BD4\u7387",
-  excessCalmarRatio: "\u8D85\u989D\u5361\u739B\u6BD4\u7387",
-  sortinoRatio: "\u7D22\u63D0\u8BFA\u6BD4\u7387",
-  excessSortinoRatio: "\u8D85\u989D\u7D22\u63D0\u8BFA\u6BD4\u7387",
-  downsideDev: "\u4E0B\u884C\u98CE\u9669",
-  excessDownsideDev: "\u8D85\u989D\u4E0B\u884C\u98CE\u9669",
-  interval: "\u6700\u5927\u56DE\u64A4\u8D77\u6B62\u533A\u95F4",
-  maxDrawdown: "\u6700\u5927\u56DE\u64A4",
-  excessMaxDrawdown: "\u8D85\u989D\u6700\u5927\u56DE\u64A4",
-  maxDrawdownDays: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09",
-  excessMaxDrawdownDays: "\u8D85\u989D\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09",
-  maxNormalDays: "\u6700\u957F\u8FDE\u7EED\u4E0D\u521B\u65B0\u9AD8\u5929\u6570\uFF08\u5929\uFF09",
-  excessMaxNormalDays: "\u8D85\u989D\u6700\u957F\u8FDE\u7EED\u4E0D\u521B\u65B0\u9AD8\u5929\u6570\uFF08\u5929\uFF09",
-  annualReturn: "\u5E74\u5316\u6536\u76CA",
-  excessAnnualReturn: "\u8D85\u989D\u5E74\u5316\u6536\u76CA",
-  corr: "\u76F8\u5173\u7CFB\u6570",
-  informationRatio: "\u4FE1\u606F\u6BD4\u7387",
-  trackingError: "\u8DDF\u8E2A\u8BEF\u5DEE",
-  alpha: "Alpha",
-  beta: "Beta",
-  skew: "\u504F\u5EA6",
-  kurt: "\u5CF0\u5EA6",
-  cVaR: "VaR\uFF0895%\u7F6E\u4FE1\uFF09",
-  indexReturns: "\u540C\u671F\u6307\u6570\u6536\u76CA",
-  "01": "1\u6708",
-  "02": "2\u6708",
-  "03": "3\u6708",
-  "04": "4\u6708",
-  "05": "5\u6708",
-  "06": "6\u6708",
-  "07": "7\u6708",
-  "08": "8\u6708",
-  "09": "9\u6708",
-  "10": "10\u6708",
-  "11": "11\u6708",
-  "12": "12\u6708",
-  MonthlyPositiveRatio: "\u6708\u80DC\u7387",
-  all_year: "\u5168\u5E74"
-};
-const basicText4 = (val) => {
-  return val === "-" || val === void 0 ? "-" : val.toFixed(4);
-};
-const percentage = (val) => {
-  return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(2) + "%";
-};
-const absPercentage = (val) => {
-  return val === "-" || val === void 0 ? "-" : Math.abs(val * 100).toFixed(2) + "%";
-};
-const CLOUMN_DEAL = {
-  basicText4,
-  colorText: basicText4,
-  colorPercentage: percentage,
-  percentage,
-  absPercentage,
-  notProcessed: null,
-  other: null
-};
-const convertKey = (data, key) => {
-  const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
-  return data[key] || data[newKey];
-};
-
-export { CLOUMN_DEAL, TABLE_KEY, convertKey };

package/es/defaults.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {
-    install: (app: import("vue").App<any>) => void;
-};
-export default _default;

package/es/defaults.mjs

@@ -1,7 +0,0 @@
-import { makeInstaller } from './make-installer.mjs';
-import Components from './component.mjs';
-import Plugins from './plugin.mjs';
-
-var installer = makeInstaller([...Components, ...Plugins]);
-
-export { installer as default };

package/es/index.d.ts

@@ -1,5 +0,0 @@
-import installer from './defaults';
-export * from './make-installer';
-export * from 'hfn-components/es/components';
-export declare const install: (app: import("vue").App<any>) => void;
-export default installer;

package/es/index.mjs

@@ -1,10 +0,0 @@
-import installer from './defaults.mjs';
-export { makeInstaller } from './make-installer.mjs';
-export { HtElTable } from './components/elTable/index.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;
-
-export { installer as default, install };

package/es/make-installer.d.ts

@@ -1,4 +0,0 @@
-import type { App, Plugin } from 'vue';
-export declare const makeInstaller: (components?: Plugin[]) => {
-    install: (app: App) => void;
-};

package/es/make-installer.mjs

@@ -1,14 +0,0 @@
-import { INSTALLED_KEY } from './constants/key.mjs';
-
-const makeInstaller = (components = []) => {
-  const install = (app) => {
-    if (app[INSTALLED_KEY]) return;
-    app[INSTALLED_KEY] = true;
-    components.forEach((c) => app.use(c));
-  };
-  return {
-    install
-  };
-};
-
-export { makeInstaller };

package/es/plugin.d.ts

@@ -1,2 +0,0 @@
-declare const _default: never[];
-export default _default;

package/es/plugin.mjs

@@ -1,3 +0,0 @@
-var Plugins = [];
-
-export { Plugins as default };

package/es/utils/chart.d.ts

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

package/es/utils/chart.mjs

@@ -1,172 +0,0 @@
-const legendEnterOperate = (options, name) => {
-  options.series.forEach((series) => {
-    if (series.name === name) {
-      if (series.type === "line") {
-        if (series.lineStyle) {
-          series.lineStyle.opacity = 1;
-        } else {
-          series.lineStyle = {
-            opacity: 1
-          };
-        }
-      } else if (series.type === "bar") {
-        if (series.itemStyle) {
-          series.itemStyle.opacity = 1;
-        } else {
-          series.itemStyle = {
-            opacity: 1
-          };
-        }
-      }
-    } else {
-      if (series.type === "line") {
-        if (series.lineStyle) {
-          series.lineStyle.opacity = 0.1;
-        } else {
-          series.lineStyle = {
-            opacity: 0.1
-          };
-        }
-      } else if (series.type === "bar") {
-        if (series.itemStyle) {
-          series.itemStyle.opacity = 0.1;
-        } else {
-          series.itemStyle = {
-            opacity: 0.1
-          };
-        }
-      }
-    }
-  });
-};
-const legendLeaveOperate = (options) => {
-  options.series.forEach((series) => {
-    if (series.type === "line") {
-      if (series.lineStyle) {
-        series.lineStyle.opacity = 1;
-      } else {
-        series.lineStyle = {
-          opacity: 1
-        };
-      }
-    } else if (series.type === "bar") {
-      if (series.itemStyle) {
-        series.itemStyle.opacity = 1;
-      } else {
-        series.itemStyle = {
-          opacity: 1
-        };
-      }
-    }
-  });
-};
-const setEchartXAxis = (options, type, xAxisData) => {
-  if (type === "category") {
-    const xAxis = [...xAxisData];
-    options.xAxis = {
-      type,
-      data: xAxis,
-      axisTick: {
-        alignWithLabel: true
-      }
-    };
-  } else if (type === "time") {
-    options.xAxis = {
-      type,
-      minInterval: 24 * 60 * 60 * 1e3,
-      axisLine: {
-        onZero: false
-      }
-    };
-  }
-};
-const setEchartYAxis = (options, props) => {
-  options.yAxis = {
-    type: "value",
-    axisLabel: {
-      show: true,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      formatter: function(val) {
-        return (props.yAxisUnit === "%" ? val > 0 ? "+" : "" : "") + parseFloat(val.toFixed(props.floatNumber)) + props.yAxisUnit;
-      }
-    }
-  };
-};
-const setEchartTooltip = (options, props) => {
-  options.tooltip = {
-    trigger: "axis",
-    // tooltip提示框格式自定义
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    formatter: function(paramItems) {
-      let html = "";
-      if (Array.isArray(paramItems)) {
-        const params = paramItems.filter((item) => item.data !== void 0 && item.data !== null);
-        if (params.length === 0) return "";
-        if (props.chartType === "category") {
-          params.sort((a, b) => b.value - a.value);
-        } else {
-          params.sort((a, b) => {
-            if (Array.isArray(a.value) && Array.isArray(b.value)) {
-              return props.collation === "des" ? b.value[1] - a.value[1] : a.value[1] - b.value[1];
-            } else {
-              return 0;
-            }
-          });
-        }
-        html += `<div>${props.chartType === "category" ? params[0].name : Array.isArray(params[0].value) ? params[0].value[0] : ""}</div>`;
-        if (params.length > 30) html += '<div style="display: flex;">';
-        const len = Math.ceil(params.length / 3);
-        for (let i = 0; i < params.length; i++) {
-          if ((i + 1) % len === 1 && params.length > 30) {
-            html += '<div style="display: flex; flex-direction: column;">';
-          }
-          if (params[i].value === void 0 || params[i].value === null) ; else {
-            html += '<div style="display: flex;align-items:center">';
-            html += `<span 
-                        style="display:inline-block;
-                              margin-right:5px;
-                              border-radius:10px;
-                              width:10px;height:10px;
-                              background-color:${params[i].color};
-                              ">
-                      </span>`;
-            if (props.isReturn) {
-              if (
-                // params[i].seriesId === 'excess' ||
-                params[i].seriesName === "\u7D2F\u8BA1\u8D85\u989D"
-              ) {
-                html += `<span style='color:${params[i].color}'>
-                        ${params[i].seriesName}</span>\uFF1A${params[i].value[1].toFixed(2)}%
-                      `;
-              } else {
-                html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[2]?.toFixed(props.floatNumber)}\uFF08${params[i].value[1] > 0 ? "+" : ""}${params[i].value[1]}%\uFF09`;
-              }
-            } else {
-              if (props.chartType === "category") {
-                html += `<span style='color:${params[i].color}'>
-                      ${params[i].seriesName.includes("series") ? params[i].name : params[i].seriesName}
-                      </span>\uFF1A
-                      ${params[i].value.toFixed(props.floatNumber)}${props.tooltipUnit}
-                      `;
-              } else {
-                html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[1]?.toFixed(props.floatNumber)}${props.tooltipUnit}`;
-              }
-            }
-            html += "</div>";
-          }
-          if ((i + 1) % len === 0 && params.length > 30) {
-            html += "</div>";
-          }
-        }
-        if (params.length > 30) html += "</div>";
-      }
-      return html;
-    },
-    textStyle: {
-      color: "rgba(0,0,0,0.7)"
-      // 设置文字颜色
-    }
-  };
-};
-
-export { legendEnterOperate, legendLeaveOperate, setEchartTooltip, setEchartXAxis, setEchartYAxis };

package/es/utils/common.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from 'vue';
-export type SFCWithInstall<T> = T & Plugin;
-export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;

package/es/utils/common.mjs

@@ -1,15 +0,0 @@
-const withInstall = (main, extra) => {
-  main.install = (app) => {
-    for (const comp of [main, ...Object.values(extra ?? {})]) {
-      app.component(comp.name, comp);
-    }
-  };
-  if (extra) {
-    for (const [key, comp] of Object.entries(extra)) {
-      main[key] = comp;
-    }
-  }
-  return main;
-};
-
-export { withInstall };

package/es/utils/index.d.ts

@@ -1,4 +0,0 @@
-export * from './common';
-export * from './table';
-export * from './tool';
-export * from './chart';

package/es/utils/index.mjs

@@ -1,4 +0,0 @@
-export { withInstall } from './common.mjs';
-export { handleData, handleText } from './table.mjs';
-export { dataHandle, splitK } from './tool.mjs';
-export { legendEnterOperate, legendLeaveOperate, setEchartTooltip, setEchartXAxis, setEchartYAxis } from './chart.mjs';

package/es/utils/table.d.ts

@@ -1,2 +0,0 @@
-export declare const handleData: (value: any, type: string) => string | number;
-export declare const handleText: (value: any, type: string) => any;

package/es/utils/table.mjs

@@ -1,31 +0,0 @@
-import { splitK } from './tool.mjs';
-
-const handleData = (value, type) => {
-  if (isNaN(parseFloat(value))) return "-";
-  let val = parseFloat(value);
-  if (type.includes("percent")) {
-    val = val * 100;
-  }
-  const floatMatch = type.match(/float(\d+)/);
-  if (floatMatch) {
-    const precision = Number(floatMatch[1]);
-    val = val.toFixed(precision);
-  }
-  if (type.includes("splitK")) {
-    val = splitK(val);
-  }
-  if (type.includes("sign")) {
-    val = Number(val) > 0 ? "+" + val : val;
-  }
-  if (type.includes("percent")) {
-    val = val + "%";
-  }
-  return val;
-};
-const handleText = (value, type) => {
-  if (type === "name") {
-    return value;
-  }
-};
-
-export { handleData, handleText };

package/es/utils/tool.d.ts

@@ -1,2 +0,0 @@
-export declare function dataHandle(val: any, isPer: boolean, floatNum: number): any;
-export declare function splitK(num: string | number): string;

package/es/utils/tool.mjs

@@ -1,42 +0,0 @@
-function dataHandle(val, isPer, floatNum) {
-  val = parseFloat(val);
-  if (isNaN(val)) {
-    return "-";
-  } else {
-    if (isPer) {
-      val = val * 100;
-    }
-    if (Number(val.toFixed(floatNum)) === 0) {
-      const a = 0;
-      return a.toFixed(floatNum);
-    } else {
-      return val.toFixed(floatNum);
-    }
-  }
-}
-function splitK(num) {
-  let decimal = String(num).split(".")[1] || "";
-  if (decimal === "") {
-    decimal = "00";
-  }
-  const tempArr = [];
-  const revNumArr = String(num).split(".")[0].split("").reverse();
-  const mark = revNumArr[revNumArr.length - 1];
-  if (mark === "-") {
-    revNumArr.splice(-1, 1);
-  }
-  for (const i in revNumArr) {
-    tempArr.push(revNumArr[i]);
-    const index = parseFloat(i);
-    if ((index + 1) % 3 === 0 && Number(i) !== revNumArr.length - 1) {
-      tempArr.push(",");
-    }
-  }
-  if (mark === "-") {
-    tempArr.push(mark);
-  }
-  const zs = tempArr.reverse().join("");
-  return decimal ? zs + "." + decimal : zs;
-}
-
-export { dataHandle, splitK };

package/global.d.ts

@@ -1,14 +0,0 @@
-// declare module '*.vue' {
-//     import { defineComponent  } from 'vue'
-//     const componentOptions:ReturnType<typeof defineComponent>
-//     export default componentOptions
-// }
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    HtTable: (typeof import('hfn-components'))['HtTable']
-  }
-  interface ComponentCustomProperties {
-    // 你可以在这里添加自定义属性
-  }
-}

package/theme-chalk/ht-chart.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/theme-chalk/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/theme-chalk/src/chart.scss

@@ -1,53 +0,0 @@
-.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/theme-chalk/src/index.scss

@@ -1 +0,0 @@
-@use './chart.scss';