hfn-components 0.2.5 → 0.2.6

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

@@ -0,0 +1,27 @@
+import _sfc_main from './htTarget.vue2.mjs';
+import { openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createVNode($setup["ElDialog"], null, {
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_1, [
+          createVNode($setup["ElButton"], { type: "primary" }, {
+            default: withCtx(() => [
+              createTextVNode(" Confirm ")
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    })
+  ]);
+}
+var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/htTarget/src/htTarget.vue"]]);
+
+export { htTarget as default };

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

@@ -0,0 +1,31 @@
+import { defineComponent, ref, onMounted } from 'vue';
+import { ElDialog, ElButton } from 'element-plus';
+import { TARGET_HEAD_KEY } from '../../../constants/target.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "htTarget",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const targetHead = ref(TARGET_HEAD_KEY);
+    onMounted(() => {
+      let startYear = 2018;
+      const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
+      while (startYear <= nowYear) {
+        targetHead.value.push({
+          name: `${startYear}`,
+          key: `${startYear}`
+        });
+        startYear++;
+      }
+    });
+    const __returned__ = { targetHead, get ElDialog() {
+      return ElDialog;
+    }, get ElButton() {
+      return ElButton;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+export { _sfc_main as default };

package/es/components/index.d.ts

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

package/es/components/index.mjs

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

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

@@ -1588,7 +1588,7 @@ declare const _default: import("vue").DefineComponent<{
             disabled: BooleanConstructor;
             danger: BooleanConstructor;
             title: {
-                type: (BooleanConstructor | StringConstructor)[];
+                type: (StringConstructor | BooleanConstructor)[];
                 default: any;
             };
             icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1603,7 +1603,7 @@ declare const _default: import("vue").DefineComponent<{
             disabled: BooleanConstructor;
             danger: BooleanConstructor;
             title: {
-                type: (BooleanConstructor | StringConstructor)[];
+                type: (StringConstructor | BooleanConstructor)[];
                 default: any;
             };
             icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1674,7 +1674,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: BooleanConstructor;
         danger: BooleanConstructor;
         title: {
-            type: (BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | BooleanConstructor)[];
             default: any;
         };
         icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1689,7 +1689,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: BooleanConstructor;
         danger: BooleanConstructor;
         title: {
-            type: (BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | BooleanConstructor)[];
             default: any;
         };
         icon: import("vue-types").VueTypeValidableDef<any>;

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

@@ -444,6 +444,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/table/HtTable.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/table/HtTable.vue"]]);
 
 export { Table as default };

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

@@ -1585,7 +1585,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
             disabled: BooleanConstructor;
             danger: BooleanConstructor;
             title: {
-                type: (BooleanConstructor | StringConstructor)[];
+                type: (StringConstructor | BooleanConstructor)[];
                 default: any;
             };
             icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1600,7 +1600,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
             disabled: BooleanConstructor;
             danger: BooleanConstructor;
             title: {
-                type: (BooleanConstructor | StringConstructor)[];
+                type: (StringConstructor | BooleanConstructor)[];
                 default: any;
             };
             icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1671,7 +1671,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
         disabled: BooleanConstructor;
         danger: BooleanConstructor;
         title: {
-            type: (BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | BooleanConstructor)[];
             default: any;
         };
         icon: import("vue-types").VueTypeValidableDef<any>;
@@ -1686,7 +1686,7 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
         disabled: BooleanConstructor;
         danger: BooleanConstructor;
         title: {
-            type: (BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | BooleanConstructor)[];
             default: any;
         };
         icon: import("vue-types").VueTypeValidableDef<any>;

package/es/constants/index.d.ts

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

package/es/constants/index.mjs

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

package/es/constants/table.d.ts

@@ -46,6 +46,61 @@ export declare const TABLE_KEY: {
     readonly '12': "12月";
     readonly MonthlyPositiveRatio: "月胜率";
     readonly all_year: "全年";
+    readonly deal_type: "交易类型";
+    readonly deal_apply_time: "申请时间";
+    readonly deal_time: "确认日期";
+    readonly amount: "确认净额";
+    readonly shares: "确认份额";
+    readonly price: "确认单位净值";
+    readonly bsfee: "交易费用";
+    readonly reward: "业绩报酬";
+    readonly ftype: "基金类型";
+    readonly strategy: "平台策略";
+    readonly weight_rate: "权重";
+    readonly price_nav: "单位净值";
+    readonly inital_purchase_date: "初始申购日期";
+    readonly price_date: "净值日期";
+    readonly clear_time: "清仓日期";
+    readonly price_change: "净值涨跌幅";
+    readonly price_source: "净值来源";
+    readonly hold_value: "持仓市值（元）";
+    readonly code: "备案号/代码";
+    readonly is_manage_change: "持仓期内经理变更";
+    readonly price_weighted: "持有单价";
+    readonly cost: "持仓成本（元）";
+    readonly cost_weighted: "持有成本（元）";
+    readonly position_return: "持仓收益（元）";
+    readonly profit_weighted: "持有收益（元）";
+    readonly rate: "持仓收益率";
+    readonly rate_weighted: "持有收益率";
+    readonly year_rate_position: "持仓年化收益率";
+    readonly year_rate_weighted: "持有年化收益率";
+    readonly cost_days: "持有天数";
+    readonly return_range: "区间投资收益（元）";
+    readonly cum_profit: "累计收益（元）";
+    readonly return_range_rate: "区间投资收益率";
+    readonly cum_rate: "累计收益率";
+    readonly year_rate_range: "区间投资年化收益率";
+    readonly year_rate_cum: "累计年化收益率";
+    readonly cost_accumulated: "累计成本（元）";
+    readonly cum_bsfee: "累计交易费用（元）";
+    readonly cum_subscription: "累计认申购（元）";
+    readonly cum_cash: "累计现金分红（元）";
+    readonly cum_redemption: "累计赎回（元）";
+    readonly cum_reward: "累计业绩报酬（元）";
+    readonly assets_type: "资产类别";
+    readonly values: "市值";
+    readonly values_ratio: "市值占比";
+    readonly type_name: "策略";
+    readonly fid_num: "产品数量";
+    readonly assets: "投资市值";
+    readonly assets_rate: "投资市值占比";
+    readonly range_return: "区间投资收益率";
+    readonly return_money: "区间投资收益（元）";
+    readonly range_year_return: "区间投资年化收益率";
+    readonly range_contribute: "组合净值贡献度";
+    readonly return_money_contribute: "组合收益贡献度";
+    readonly money_name: "金额（元）";
 };
 export declare const CLOUMN_DEAL: {
     basicText4: (val: number | string | undefined) => string;
@@ -53,6 +108,7 @@ export declare const CLOUMN_DEAL: {
     colorPercentage: (val: number | string | undefined) => string;
     percentage: (val: number | string | undefined) => string;
     absPercentage: (val: number | string | undefined) => string;
+    thoundsandText2: (val: number | string | undefined) => string;
     notProcessed: null;
     other: null;
 };

package/es/constants/table.mjs

@@ -1,3 +1,5 @@
+import { splitK, dataHandle } from '../utils/tool.mjs';
+
 const TABLE_KEY = {
   index: "\u5E8F\u53F7",
   year: "\u5E74\u4EFD",
@@ -45,7 +47,68 @@ const TABLE_KEY = {
   "11": "11\u6708",
   "12": "12\u6708",
   MonthlyPositiveRatio: "\u6708\u80DC\u7387",
-  all_year: "\u5168\u5E74"
+  all_year: "\u5168\u5E74",
+  // 交易记录
+  deal_type: "\u4EA4\u6613\u7C7B\u578B",
+  deal_apply_time: "\u7533\u8BF7\u65F6\u95F4",
+  deal_time: "\u786E\u8BA4\u65E5\u671F",
+  amount: "\u786E\u8BA4\u51C0\u989D",
+  shares: "\u786E\u8BA4\u4EFD\u989D",
+  price: "\u786E\u8BA4\u5355\u4F4D\u51C0\u503C",
+  bsfee: "\u4EA4\u6613\u8D39\u7528",
+  reward: "\u4E1A\u7EE9\u62A5\u916C",
+  // 持仓列表
+  ftype: "\u57FA\u91D1\u7C7B\u578B",
+  strategy: "\u5E73\u53F0\u7B56\u7565",
+  weight_rate: "\u6743\u91CD",
+  price_nav: "\u5355\u4F4D\u51C0\u503C",
+  inital_purchase_date: "\u521D\u59CB\u7533\u8D2D\u65E5\u671F",
+  price_date: "\u51C0\u503C\u65E5\u671F",
+  clear_time: "\u6E05\u4ED3\u65E5\u671F",
+  price_change: "\u51C0\u503C\u6DA8\u8DCC\u5E45",
+  price_source: "\u51C0\u503C\u6765\u6E90",
+  hold_value: "\u6301\u4ED3\u5E02\u503C\uFF08\u5143\uFF09",
+  code: "\u5907\u6848\u53F7/\u4EE3\u7801",
+  is_manage_change: "\u6301\u4ED3\u671F\u5185\u7ECF\u7406\u53D8\u66F4",
+  price_weighted: "\u6301\u6709\u5355\u4EF7",
+  cost: "\u6301\u4ED3\u6210\u672C\uFF08\u5143\uFF09",
+  cost_weighted: "\u6301\u6709\u6210\u672C\uFF08\u5143\uFF09",
+  position_return: "\u6301\u4ED3\u6536\u76CA\uFF08\u5143\uFF09",
+  profit_weighted: "\u6301\u6709\u6536\u76CA\uFF08\u5143\uFF09",
+  rate: "\u6301\u4ED3\u6536\u76CA\u7387",
+  rate_weighted: "\u6301\u6709\u6536\u76CA\u7387",
+  year_rate_position: "\u6301\u4ED3\u5E74\u5316\u6536\u76CA\u7387",
+  year_rate_weighted: "\u6301\u6709\u5E74\u5316\u6536\u76CA\u7387",
+  cost_days: "\u6301\u6709\u5929\u6570",
+  return_range: "\u533A\u95F4\u6295\u8D44\u6536\u76CA\uFF08\u5143\uFF09",
+  cum_profit: "\u7D2F\u8BA1\u6536\u76CA\uFF08\u5143\uFF09",
+  return_range_rate: "\u533A\u95F4\u6295\u8D44\u6536\u76CA\u7387",
+  cum_rate: "\u7D2F\u8BA1\u6536\u76CA\u7387",
+  year_rate_range: "\u533A\u95F4\u6295\u8D44\u5E74\u5316\u6536\u76CA\u7387",
+  year_rate_cum: "\u7D2F\u8BA1\u5E74\u5316\u6536\u76CA\u7387",
+  cost_accumulated: "\u7D2F\u8BA1\u6210\u672C\uFF08\u5143\uFF09",
+  cum_bsfee: "\u7D2F\u8BA1\u4EA4\u6613\u8D39\u7528\uFF08\u5143\uFF09",
+  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",
+  // 资产配置
+  assets_type: "\u8D44\u4EA7\u7C7B\u522B",
+  values: "\u5E02\u503C",
+  values_ratio: "\u5E02\u503C\u5360\u6BD4",
+  // 底层配置
+  type_name: "\u7B56\u7565",
+  fid_num: "\u4EA7\u54C1\u6570\u91CF",
+  assets: "\u6295\u8D44\u5E02\u503C",
+  assets_rate: "\u6295\u8D44\u5E02\u503C\u5360\u6BD4",
+  // 收益明细
+  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"
 };
 const basicText4 = (val) => {
   return val === "-" || val === void 0 ? "-" : val.toFixed(4);
@@ -56,12 +119,16 @@ const percentage = (val) => {
 const absPercentage = (val) => {
   return val === "-" || val === void 0 ? "-" : Math.abs(val * 100).toFixed(2) + "%";
 };
+const thoundsandText2 = (val) => {
+  return typeof val === "number" ? splitK(dataHandle(val, false, 2)) : "-";
+};
 const CLOUMN_DEAL = {
   basicText4,
   colorText: basicText4,
   colorPercentage: percentage,
   percentage,
   absPercentage,
+  thoundsandText2,
   notProcessed: null,
   other: null
 };

package/es/constants/target.d.ts

@@ -0,0 +1,4 @@
+export declare const TARGET_HEAD_KEY: {
+    name: string;
+    key: string;
+}[];

package/es/constants/target.mjs

@@ -0,0 +1,16 @@
+const TARGET_HEAD_KEY = [
+  { name: "\u672C\u5468", key: "thisWeek" },
+  { name: "\u672C\u6708", key: "thisMonth" },
+  { name: "\u8FD1\u4E00\u5468", key: "pastWeek" },
+  { name: "\u8FD1\u4E00\u6708", key: "lastOneMonth" },
+  { name: "\u8FD1\u4E09\u6708", key: "lastThreeMonth" },
+  { name: "\u8FD1\u516D\u6708", key: "lastSixMonth" },
+  { name: "\u8FD1\u4E00\u5E74", key: "lastOneYear" },
+  { name: "\u8FD1\u4E24\u5E74", key: "lastTwoYear" },
+  { name: "\u8FD1\u4E09\u5E74", key: "lastThreeYear" },
+  { name: "\u8FD1\u4E94\u5E74", key: "lastFiveYear" },
+  { name: "\u4ECA\u5E74\u4EE5\u6765", key: "ytd" },
+  { name: "\u6210\u7ACB\u4EE5\u6765", key: "cucmulative" }
+];
+
+export { TARGET_HEAD_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

@@ -2,6 +2,7 @@ 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 { HtTarget } from './components/htTarget/index.mjs';
 export { columnDealProps, elTableProps } from './components/elTable/src/elTable.mjs';
 export { chartProps } from './components/chart/src/HtChart.mjs';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "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"