hfn-components 0.6.5 → 0.6.7

package/es/constants/table.mjs

@@ -1,11 +1,21 @@
-import { splitK, dataHandle } from '../utils/tool.mjs';
+import { thousandText4, thousandText2, absPercentage, percentage4, percentage, basicText4 } from '../utils/table.mjs';
 
-const TABLE_KEY = {
+const TABLE_KEY_BASE = {
   index: "\u5E8F\u53F7",
   year: "\u5E74\u4EFD",
-  fundName: "\u57FA\u91D1\u540D\u79F0",
+  fundName: "\u57FA\u91D1\u540D\u79F0"
+};
+const TABLE_KEY_COMMON = {
+  operation: "\u64CD\u4F5C"
+};
+const TABLE_KEY_RETURN = {
   cucmulativeReturn: "\u533A\u95F4\u6536\u76CA",
   excessReturn: "\u8D85\u989D\u533A\u95F4\u6536\u76CA",
+  annualReturn: "\u5E74\u5316\u6536\u76CA",
+  excessAnnualReturn: "\u8D85\u989D\u5E74\u5316\u6536\u76CA",
+  indexReturns: "\u540C\u671F\u6307\u6570\u6536\u76CA"
+};
+const TABLE_KEY_RISK = {
   vol: "\u5E74\u5316\u6CE2\u52A8\u7387",
   excessVol: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387",
   sharpeRatio: "\u590F\u666E\u6BD4\u7387",
@@ -23,8 +33,6 @@ const TABLE_KEY = {
   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",
@@ -32,8 +40,9 @@ const TABLE_KEY = {
   beta: "Beta",
   skew: "\u504F\u5EA6",
   kurt: "\u5CF0\u5EA6",
-  cVaR: "VaR\uFF0895%\u7F6E\u4FE1\uFF09",
-  indexReturns: "\u540C\u671F\u6307\u6570\u6536\u76CA",
+  cVaR: "VaR\uFF0895%\u7F6E\u4FE1\uFF09"
+};
+const TABLE_KEY_MONTH = {
   "01": "1\u6708",
   "02": "2\u6708",
   "03": "3\u6708",
@@ -47,8 +56,9 @@ const TABLE_KEY = {
   "11": "11\u6708",
   "12": "12\u6708",
   MonthlyPositiveRatio: "\u6708\u80DC\u7387",
-  all_year: "\u5168\u5E74",
-  // 交易记录
+  all_year: "\u5168\u5E74"
+};
+const TABLE_KEY_TRADE = {
   deal_type: "\u4EA4\u6613\u7C7B\u578B",
   deal_apply_time: "\u7533\u8BF7\u65F6\u95F4",
   deal_time: "\u786E\u8BA4\u65E5\u671F",
@@ -56,8 +66,9 @@ const TABLE_KEY = {
   shares: "\u786E\u8BA4\u4EFD\u989D",
   price: "\u786E\u8BA4\u5355\u4F4D\u51C0\u503C",
   bsfee: "\u4EA4\u6613\u8D39\u7528",
-  reward: "\u4E1A\u7EE9\u62A5\u916C",
-  // 持仓列表
+  reward: "\u4E1A\u7EE9\u62A5\u916C"
+};
+const TABLE_KEY_POSITION = {
   ftype: "\u57FA\u91D1\u7C7B\u578B",
   strategy: "\u5E73\u53F0\u7B56\u7565",
   weight_rate: "\u6743\u91CD",
@@ -91,31 +102,32 @@ const TABLE_KEY = {
   cum_subscription: "\u7D2F\u8BA1\u8BA4\u7533\u8D2D\uFF08\u5143\uFF09",
   cum_cash: "\u7D2F\u8BA1\u73B0\u91D1\u5206\u7EA2\uFF08\u5143\uFF09",
   cum_redemption: "\u7D2F\u8BA1\u8D4E\u56DE\uFF08\u5143\uFF09",
-  cum_reward: "\u7D2F\u8BA1\u4E1A\u7EE9\u62A5\u916C\uFF08\u5143\uFF09",
-  // 资产配置
+  cum_reward: "\u7D2F\u8BA1\u4E1A\u7EE9\u62A5\u916C\uFF08\u5143\uFF09"
+};
+const TABLE_KEY_ASSETS = {
   assets_type: "\u8D44\u4EA7\u7C7B\u522B",
   values: "\u5E02\u503C",
-  values_ratio: "\u5E02\u503C\u5360\u6BD4",
-  // 底层配置
+  values_ratio: "\u5E02\u503C\u5360\u6BD4"
+};
+const TABLE_KEY_FOF = {
   type_name: "\u7B56\u7565",
   fid_num: "\u4EA7\u54C1\u6570\u91CF",
   assets: "\u6295\u8D44\u5E02\u503C",
   assets_rate: "\u6295\u8D44\u5E02\u503C\u5360\u6BD4",
-  // 收益明细
+  price_cnw: "\u7D2F\u8BA1\u51C0\u503C",
+  price_cw_nav: "\u590D\u6743\u51C0\u503C",
+  suspend_info: "\u505C\u724C\u4FE1\u606F"
+};
+const TABLE_KEY_DETAIL = {
   range_return: "\u533A\u95F4\u6295\u8D44\u6536\u76CA\u7387",
   return_money: "\u533A\u95F4\u6295\u8D44\u6536\u76CA\uFF08\u5143\uFF09",
   range_year_return: "\u533A\u95F4\u6295\u8D44\u5E74\u5316\u6536\u76CA\u7387",
   range_contribute: "\u7EC4\u5408\u51C0\u503C\u8D21\u732E\u5EA6",
   return_money_contribute: "\u7EC4\u5408\u6536\u76CA\u8D21\u732E\u5EA6",
-  // 月度收益
   money_name: "\u91D1\u989D\uFF08\u5143\uFF09",
-  // 估值表分析-收益分析-收益明细
-  range_date: "\u7EDF\u8BA1\u533A\u95F4",
-  // 持仓概览-fof底层
-  price_cnw: "\u7D2F\u8BA1\u51C0\u503C",
-  price_cw_nav: "\u590D\u6743\u51C0\u503C",
-  suspend_info: "\u505C\u724C\u4FE1\u606F",
-  // 归因分析
+  range_date: "\u7EDF\u8BA1\u533A\u95F4"
+};
+const TABLE_KEY_ATTRIBUTION = {
   industry: "\u884C\u4E1A\u540D\u79F0",
   p4: "\u4EA7\u54C1\u884C\u4E1A\u6536\u76CA\u7387",
   p1: "\u57FA\u51C6\u884C\u4E1A\u6536\u76CA\u7387",
@@ -124,23 +136,43 @@ const TABLE_KEY = {
   rin: "\u4EA4\u4E92\u6536\u76CA\u7387",
   r_total: "\u8D85\u989D\u6536\u76CA\u7387"
 };
-const basicText4 = (val) => {
-  return typeof val !== "number" ? "-" : val.toFixed(4);
-};
-const percentage = (val) => {
-  return typeof val !== "number" ? "-" : (val * 100).toFixed(2) + "%";
-};
-const percentage4 = (val) => {
-  return typeof val !== "number" ? "-" : (val * 100).toFixed(4) + "%";
+const TABLE_KEY_GMMANAGER = {
+  managerName: "\u7BA1\u7406\u4EBA\u540D\u79F0",
+  fundCompany: "\u57FA\u91D1\u516C\u53F8",
+  AUM: "\u7BA1\u7406\u89C4\u6A21",
+  AUMUnit: "\u7BA1\u7406\u89C4\u6A21(\u4EBF\u5143)",
+  FundsUM: "\u5728\u7BA1\u57FA\u91D1\u6570",
+  typeUM: "\u5728\u7BA1\u7C7B\u578B",
+  YoE: "\u4ECE\u4E1A\u5E74\u9650"
 };
-const absPercentage = (val) => {
-  return typeof val !== "number" ? "-" : Math.abs(val * 100).toFixed(2) + "%";
+const TABLE_KEY_REPORT = {
+  reportName: "\u62A5\u544A\u540D\u79F0",
+  relatedManager: "\u5173\u8054\u7BA1\u7406\u4EBA",
+  reportAssociation: "\u62A5\u544A\u5173\u8054",
+  modifiedDate: "\u4FEE\u6539\u65E5\u671F",
+  creator: "\u521B\u5EFA\u4EBA",
+  createdDate: "\u65B0\u589E\u65E5\u671F",
+  createdUser: "\u65B0\u589E\u7528\u6237"
 };
-const thoundsandText2 = (val) => {
-  return typeof val === "number" ? splitK(dataHandle(val, false, 2)) : "-";
+const MATERIAL_KEY = {
+  materialName: "\u8D44\u6599\u540D\u79F0",
+  materialAssociation: "\u8D44\u6599\u5173\u8054"
 };
-const thoundsandText4 = (val) => {
-  return typeof val === "number" ? splitK(dataHandle(val, false, 4)) : "-";
+const TABLE_KEY = {
+  ...TABLE_KEY_COMMON,
+  ...TABLE_KEY_BASE,
+  ...TABLE_KEY_RETURN,
+  ...TABLE_KEY_RISK,
+  ...TABLE_KEY_MONTH,
+  ...TABLE_KEY_TRADE,
+  ...TABLE_KEY_POSITION,
+  ...TABLE_KEY_ASSETS,
+  ...TABLE_KEY_FOF,
+  ...TABLE_KEY_DETAIL,
+  ...TABLE_KEY_ATTRIBUTION,
+  ...TABLE_KEY_GMMANAGER,
+  ...TABLE_KEY_REPORT,
+  ...MATERIAL_KEY
 };
 const CLOUMN_DEAL = {
   basicText4,
@@ -149,16 +181,12 @@ const CLOUMN_DEAL = {
   percentage,
   percentage4,
   absPercentage,
-  thoundsandText2,
-  thoundsandText4,
+  thousandText2,
+  thousandText4,
   notProcessed: null,
   other: null,
   customDeal: null,
   customSlot: 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 };
+export { CLOUMN_DEAL, TABLE_KEY };

package/es/constants/target.d.ts

@@ -1,15 +1,166 @@
-export declare const TARGET_HEAD_KEY: {
-    name: string;
-    key: string;
-}[];
-export declare const TARGET_END_KEY: {
-    name: string;
-    key: string;
-    dealType: string;
-}[];
-export declare const BASIC_KEY: {
-    name: string;
-    key: string;
-    dealType: string;
-    type: string;
-}[];
+export declare const TARGET_HEAD_KEY: readonly [{
+    readonly name: "本周";
+    readonly key: "thisWeek";
+}, {
+    readonly name: "本月";
+    readonly key: "thisMonth";
+}, {
+    readonly name: "近一周";
+    readonly key: "pastWeek";
+}, {
+    readonly name: "近一月";
+    readonly key: "lastOneMonth";
+}, {
+    readonly name: "近三月";
+    readonly key: "lastThreeMonth";
+}, {
+    readonly name: "近六月";
+    readonly key: "lastSixMonth";
+}, {
+    readonly name: "近一年";
+    readonly key: "lastOneYear";
+}, {
+    readonly name: "近两年";
+    readonly key: "lastTwoYear";
+}, {
+    readonly name: "近三年";
+    readonly key: "lastThreeYear";
+}, {
+    readonly name: "近五年";
+    readonly key: "lastFiveYear";
+}, {
+    readonly name: "今年以来";
+    readonly key: "ytd";
+}, {
+    readonly name: "成立以来";
+    readonly key: "cucmulative";
+}];
+export declare const TARGET_END_KEY: readonly [{
+    readonly name: "收益";
+    readonly key: "return";
+    readonly dealType: "colorPercentage";
+}, {
+    readonly name: "年化收益";
+    readonly key: "yearReturn";
+    readonly dealType: "colorPercentage";
+}, {
+    readonly name: "超额收益";
+    readonly key: "excessReturn";
+    readonly dealType: "colorPercentage";
+}, {
+    readonly name: "超额年化收益";
+    readonly key: "excessYearReturn";
+    readonly dealType: "colorPercentage";
+}, {
+    readonly name: "年化波动率";
+    readonly key: "vol";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "超额年化波动率";
+    readonly key: "excessVol";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "夏普比率";
+    readonly key: "sharpeRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "超额夏普比率";
+    readonly key: "excessSharpeRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "卡玛比率";
+    readonly key: "calmarRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "超额卡玛比率";
+    readonly key: "excessCalmarRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "索提诺比率";
+    readonly key: "sortinoRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "下行标准差";
+    readonly key: "downsideStd";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "下行风险";
+    readonly key: "downsideDev";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "最大回撤";
+    readonly key: "maxDrawdown";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "超额最大回撤";
+    readonly key: "excessMaxDrawdown";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "最大回撤回补期（天）";
+    readonly key: "maxDrawdownDays";
+    readonly dealType: "notProcessed";
+}, {
+    readonly name: "Alpha";
+    readonly key: "alpha";
+    readonly dealType: "colorPercentage";
+}, {
+    readonly name: "Beta";
+    readonly key: "beta";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "跟踪误差";
+    readonly key: "trackingError";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "信息比率";
+    readonly key: "informationRatio";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "偏度";
+    readonly key: "skew";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "峰度";
+    readonly key: "kurt";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "VaR（95%置信）";
+    readonly key: "cVaR";
+    readonly dealType: "basicText4";
+}, {
+    readonly name: "周胜率";
+    readonly key: "positiveRatio";
+    readonly dealType: "percentage";
+}, {
+    readonly name: "月胜率";
+    readonly key: "monthlyPositiveRatio";
+    readonly dealType: "percentage";
+}];
+export declare const BASIC_KEY: readonly [{
+    readonly name: "净值日期";
+    readonly key: "priceDate";
+    readonly dealType: "notProcessed";
+    readonly type: "fund";
+}, {
+    readonly name: "单位净值";
+    readonly key: "nav";
+    readonly dealType: "basicText4";
+    readonly type: "fund";
+}, {
+    readonly name: "累计净值";
+    readonly key: "cumulativeNavWithdrawal";
+    readonly dealType: "basicText4";
+    readonly type: "fund";
+}, {
+    readonly name: "日期";
+    readonly key: "priceDate";
+    readonly dealType: "notProcessed";
+    readonly type: "index";
+}, {
+    readonly name: "指数点位";
+    readonly key: "priceNav";
+    readonly dealType: "basicText4";
+    readonly type: "index";
+}];
+export type TargetHeadKeyType = (typeof TARGET_HEAD_KEY)[number]['key'];
+export type TargetEndKeyType = (typeof TARGET_END_KEY)[number]['key'];

package/es/hfn-components/component.d.ts

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

package/es/hfn-components/defaults.d.ts

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

package/es/hfn-components/index.d.ts

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

package/es/hfn-components/make-installer.d.ts

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

package/es/hfn-components/plugin.d.ts

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

package/es/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as EmptySimple } from './svg/empty-simple.svg';

package/es/icons/index.mjs

@@ -0,0 +1 @@
+export { default as EmptySimple } from './svg/empty-simple.svg.mjs';

package/es/icons/svg/empty-simple.svg.mjs

@@ -0,0 +1,3 @@
+var EmptySimple = "data:image/svg+xml,%3Csvg%20width%3D%2264%22%20height%3D%2241%22%20viewBox%3D%220%200%2064%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cg%20transform%3D%22translate%280%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Cellipse%20fill%3D%22%23f5f5f5%22%20cx%3D%2232%22%20cy%3D%2233%22%20rx%3D%2232%22%20ry%3D%227%22%2F%3E%20%20%20%20%3Cg%20fill-rule%3D%22nonzero%22%20stroke%3D%22%23d9d9d9%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M55%2012.76L44.854%201.258C44.367.474%2043.656%200%2042.907%200H21.093c-.749%200-1.46.474-1.947%201.257L9%2012.761V22h46v-9.24z%22%2F%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M41.613%2015.931c0-1.605.994-2.93%202.227-2.931H55v18.137C55%2033.26%2053.68%2035%2052.05%2035h-40.1C10.32%2035%209%2033.259%209%2031.137V13h11.16c1.233%200%202.227%201.323%202.227%202.928v.022c0%201.605%201.005%202.901%202.237%202.901h14.752c1.232%200%202.237-1.308%202.237-2.913v-.007z%22%20fill%3D%22%23fafafa%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+export { EmptySimple as default };

package/es/index.mjs

@@ -1,11 +1,11 @@
 import installer from './defaults.mjs';
 export { makeInstaller } from './make-installer.mjs';
-export { HtElTable } from './components/elTable/index.mjs';
+export { HtTable } from './components/htTable/index.mjs';
 export { HtChart } from './components/chart/index.mjs';
 export { HtTarget } from './components/htTarget/index.mjs';
 export { HtPieChart } from './components/pieChart/index.mjs';
-export { columnDealProps, elTableProps } from './components/elTable/src/elTable.mjs';
 export { chartProps } from './components/chart/src/HtChart.mjs';
+export { columnDealProps, elTableProps } from './components/htTable/src/htTable.mjs';
 export { pieProps } from './components/pieChart/src/HtPieChart.mjs';
 
 const install = installer.install;

package/es/utils/index.mjs

@@ -1,4 +1,4 @@
 export { withInstall } from './common.mjs';
-export { handleData, handleText } from './table.mjs';
+export { absPercentage, basicText4, convertKey, getTargetHeadWithYears, percentage, percentage4, thousandText2, thousandText4 } from './table.mjs';
 export { dataHandle, splitK } from './tool.mjs';
 export { legendEnterOperate, legendLeaveOperate, setEchartTitle, setEchartTooltip, setEchartXAxis, setEchartYAxis } from './chart.mjs';

package/es/utils/table.d.ts

@@ -1,2 +1,11 @@
-export declare const handleData: (value: any, type: string) => string | number;
-export declare const handleText: (value: any, type: string) => any;
+export declare const convertKey: (data: any, key: string) => any;
+export declare const getTargetHeadWithYears: () => {
+    name: string;
+    key: string;
+}[];
+export declare const basicText4: (val: number | string | undefined) => string;
+export declare const percentage: (val: number | string | undefined) => string;
+export declare const percentage4: (val: number | string | undefined) => string;
+export declare const absPercentage: (val: number | string | undefined) => string;
+export declare const thousandText2: (val: number | string | undefined) => string;
+export declare const thousandText4: (val: number | string | undefined) => string;

package/es/utils/table.mjs

@@ -1,31 +1,41 @@
-import { splitK } from './tool.mjs';
+import { TARGET_HEAD_KEY } from '../constants/target.mjs';
+import '../constants/chartConfig.mjs';
+import { splitK, dataHandle } 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 convertKey = (data, key) => {
+  const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
+  return data[key] || data[newKey];
 };
-const handleText = (value, type) => {
-  if (type === "name") {
-    return value;
+const getTargetHeadWithYears = () => {
+  const head = [...TARGET_HEAD_KEY].map((item) => ({ name: item.name, key: item.key }));
+  let startYear = 2018;
+  const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
+  while (startYear <= nowYear) {
+    head.push({ name: `${startYear}`, key: `${startYear}` });
+    startYear++;
   }
+  return head;
+};
+const isInvalid = (val) => {
+  return val === "-" || val === void 0 || val === null || val === "";
+};
+const basicText4 = (val) => {
+  return isInvalid(val) ? "-" : Number(val).toFixed(4);
+};
+const percentage = (val) => {
+  return isInvalid(val) ? "-" : (Number(val) * 100).toFixed(2) + "%";
+};
+const percentage4 = (val) => {
+  return isInvalid(val) ? "-" : (Number(val) * 100).toFixed(4) + "%";
+};
+const absPercentage = (val) => {
+  return isInvalid(val) ? "-" : Math.abs(Number(val) * 100).toFixed(2) + "%";
+};
+const thousandText2 = (val) => {
+  return isInvalid(val) ? "-" : splitK(dataHandle(Number(val), false, 2));
+};
+const thousandText4 = (val) => {
+  return isInvalid(val) ? "-" : splitK(dataHandle(Number(val), false, 4));
 };
 
-export { handleData, handleText };
+export { absPercentage, basicText4, convertKey, getTargetHeadWithYears, percentage, percentage4, thousandText2, thousandText4 };

package/es/utils/tool.d.ts

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

package/es/utils/tool.mjs

@@ -1,42 +1,14 @@
 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);
-    }
-  }
+  const num = parseFloat(val);
+  if (isNaN(num)) return "-";
+  const result = isPer ? num * 100 : num;
+  return result.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;
+  const str = String(num);
+  const [integer, decimal = "00"] = str.split(".");
+  const formatted = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return `${formatted}.${decimal}`;
 }
 
 export { dataHandle, splitK };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "hfn-components",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "description": "",
-  "main": "index.ts",
+  "main": "es/index.mjs",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
   "scripts": {
@@ -11,14 +11,12 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "devDependencies": {
-    "ant-design-vue": "3.2.20",
-    "@ant-design/icons-vue": "^7.0.1",
-    "element-plus": "^2.7.7"
-  },
   "peerDependencies": {
+    "element-plus": "^2.7.7",
     "vue": "^3.2.0",
     "echarts": "^5.5.1",
-    "lodash.clonedeep": "^4.5.0"
+    "lodash.clonedeep": "^4.5.0",
+    "vue-draggable-plus": "^0.6.1",
+    "@element-plus/icons-vue": "^2.0.0"
   }
 }

package/theme-chalk/ht-table.css

@@ -1 +1 @@
-.header-text-wrap{line-height:1.5;white-space:pre-line}
+.ht-table-wrapper{display:flex;flex-direction:column;height:100%}.ht-table-wrapper .el-table{flex:1;min-height:0}.ht-table-wrapper .el-table__empty-text{line-height:normal}.ht-table-cell-copy{align-items:center;display:inline-flex;gap:4px;width:100%}.ht-table-cell-text{flex:none;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-copy-icon{color:#909399;cursor:pointer;flex-shrink:0;font-size:14px;opacity:0;transition:opacity .2s}.ht-copy-icon:hover{color:#d70c19}.el-table__row:hover .ht-copy-icon{opacity:1}.ht-table-pagination{align-items:center;display:flex;justify-content:flex-end;padding:12px 0}.ht-table-wrapper .el-table__column-filter-trigger .el-icon svg{display:none}.ht-table-wrapper .el-table__column-filter-trigger .el-icon:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23909399' d='M384 523.392V928a32 32 0 0 0 46.336 28.608l192-96A32 32 0 0 0 640 832V523.392l280.768-343.104a32 32 0 1 0-49.536-40.576l-288 352A32 32 0 0 0 576 512v300.224l-128 64V512a32 32 0 0 0-7.232-20.288L195.52 192H704a32 32 0 1 0 0-64H128a32 32 0 0 0-24.768 52.288z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";display:inline-block;height:14px;width:14px}

package/theme-chalk/ht-target.css

@@ -1 +1 @@
-.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}
+.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}.check_item{align-items:center;cursor:grab}.check_item:active{cursor:grabbing}.ghost{background:#f0f0f0;opacity:.5}.close-icon{cursor:pointer}.close-icon:hover{color:#909399!important}

package/theme-chalk/index.css

@@ -1 +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}
+.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}.check_item{align-items:center;cursor:grab}.check_item:active{cursor:grabbing}.ghost{background:#f0f0f0;opacity:.5}.close-icon{cursor:pointer}.close-icon:hover{color:#909399!important}.ht-table-wrapper{display:flex;flex-direction:column;height:100%}.ht-table-wrapper .el-table{flex:1;min-height:0}.ht-table-wrapper .el-table__empty-text{line-height:normal}.ht-table-cell-copy{align-items:center;display:inline-flex;gap:4px;width:100%}.ht-table-cell-text{flex:none;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-copy-icon{color:#909399;cursor:pointer;flex-shrink:0;font-size:14px;opacity:0;transition:opacity .2s}.ht-copy-icon:hover{color:#d70c19}.el-table__row:hover .ht-copy-icon{opacity:1}.ht-table-pagination{align-items:center;display:flex;justify-content:flex-end;padding:12px 0}.ht-table-wrapper .el-table__column-filter-trigger .el-icon svg{display:none}.ht-table-wrapper .el-table__column-filter-trigger .el-icon:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23909399' d='M384 523.392V928a32 32 0 0 0 46.336 28.608l192-96A32 32 0 0 0 640 832V523.392l280.768-343.104a32 32 0 1 0-49.536-40.576l-288 352A32 32 0 0 0 576 512v300.224l-128 64V512a32 32 0 0 0-7.232-20.288L195.52 192H704a32 32 0 1 0 0-64H128a32 32 0 0 0-24.768 52.288z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";display:inline-block;height:14px;width:14px}