hfn-components 0.6.2 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/es/components/chart/src/HtChart.vue.mjs +1 -1
- package/es/components/elTable/index.d.ts +7 -0
- package/es/components/elTable/src/columnDeal.vue.mjs +1 -1
- package/es/components/elTable/src/elTable.vue.d.ts +7 -0
- package/es/components/elTable/src/elTable.vue.mjs +4 -7
- package/es/components/htTarget/src/htTarget.vue.mjs +1 -1
- package/es/components/pieChart/src/HtPieChart.vue.mjs +1 -1
- package/es/components/table/HtTable.vue.mjs +1 -1
- package/es/constants/table.d.ts +7 -0
- package/es/constants/table.mjs +9 -1
- package/es/css/index.css +59 -0
- package/package.json +1 -1
- package/theme-chalk/ht-table.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/table.scss +0 -40
package/dist/index.css
CHANGED
|
@@ -1 +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}
|
|
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}
|
|
@@ -85,6 +85,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
85
85
|
$setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
|
|
86
86
|
]);
|
|
87
87
|
}
|
|
88
|
-
var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
88
|
+
var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/chart/src/HtChart.vue"]]);
|
|
89
89
|
|
|
90
90
|
export { chart as default };
|
|
@@ -718,6 +718,13 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
|
|
|
718
718
|
readonly price_cnw: "累计净值";
|
|
719
719
|
readonly price_cw_nav: "复权净值";
|
|
720
720
|
readonly suspend_info: "停牌信息";
|
|
721
|
+
readonly industry: "行业名称";
|
|
722
|
+
readonly p4: "产品行业收益率";
|
|
723
|
+
readonly p1: "基准行业收益率";
|
|
724
|
+
readonly raa: "择时收益率";
|
|
725
|
+
readonly rss: "选股收益率";
|
|
726
|
+
readonly rin: "交互收益率";
|
|
727
|
+
readonly r_total: "超额收益率";
|
|
721
728
|
};
|
|
722
729
|
readonly convertKey: (data: any, key: string) => any;
|
|
723
730
|
readonly TARGET_END_KEY: {
|
|
@@ -37,6 +37,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
37
37
|
/* TEXT */
|
|
38
38
|
));
|
|
39
39
|
}
|
|
40
|
-
var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
40
|
+
var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/columnDeal.vue"]]);
|
|
41
41
|
|
|
42
42
|
export { ColumnDeal as default };
|
|
@@ -718,6 +718,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
718
718
|
readonly price_cnw: "累计净值";
|
|
719
719
|
readonly price_cw_nav: "复权净值";
|
|
720
720
|
readonly suspend_info: "停牌信息";
|
|
721
|
+
readonly industry: "行业名称";
|
|
722
|
+
readonly p4: "产品行业收益率";
|
|
723
|
+
readonly p1: "基准行业收益率";
|
|
724
|
+
readonly raa: "择时收益率";
|
|
725
|
+
readonly rss: "选股收益率";
|
|
726
|
+
readonly rin: "交互收益率";
|
|
727
|
+
readonly r_total: "超额收益率";
|
|
721
728
|
};
|
|
722
729
|
readonly convertKey: (data: any, key: string) => any;
|
|
723
730
|
readonly TARGET_END_KEY: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _sfc_main from './elTable.vue2.mjs';
|
|
2
|
-
import { withDirectives, openBlock, createBlock,
|
|
2
|
+
import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, renderSlot } from 'vue';
|
|
3
3
|
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
4
|
|
|
5
5
|
const _hoisted_1 = {
|
|
@@ -17,8 +17,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17
17
|
data: $setup.props.dataSource,
|
|
18
18
|
style: { "width": "100%" },
|
|
19
19
|
height: "100%",
|
|
20
|
-
border: $setup.props.resizable,
|
|
21
|
-
class: normalizeClass({ "header-only-border": $setup.props.resizable }),
|
|
22
20
|
"header-cell-style": {
|
|
23
21
|
background: $setup.props.headerColor,
|
|
24
22
|
color: "#000",
|
|
@@ -32,7 +30,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
32
30
|
null,
|
|
33
31
|
renderList($setup.props.tableColumn, (item) => {
|
|
34
32
|
return openBlock(), createBlock($setup["ElTableColumn"], {
|
|
35
|
-
resizable: $setup.props.resizable,
|
|
36
33
|
key: item.key,
|
|
37
34
|
prop: item.key,
|
|
38
35
|
width: item.width
|
|
@@ -97,7 +94,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
97
94
|
]),
|
|
98
95
|
_: 2
|
|
99
96
|
/* DYNAMIC */
|
|
100
|
-
}, 1032, ["
|
|
97
|
+
}, 1032, ["prop", "width"]);
|
|
101
98
|
}),
|
|
102
99
|
128
|
|
103
100
|
/* KEYED_FRAGMENT */
|
|
@@ -105,10 +102,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
105
102
|
]),
|
|
106
103
|
_: 3
|
|
107
104
|
/* FORWARDED */
|
|
108
|
-
}, 8, ["data", "
|
|
105
|
+
}, 8, ["data", "header-cell-style"])), [
|
|
109
106
|
[$setup["vLoading"], $setup.props.loading]
|
|
110
107
|
]);
|
|
111
108
|
}
|
|
112
|
-
var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
109
|
+
var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/elTable.vue"]]);
|
|
113
110
|
|
|
114
111
|
export { elTable as default };
|
|
@@ -235,6 +235,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
235
235
|
}, 8, ["modelValue"])
|
|
236
236
|
]);
|
|
237
237
|
}
|
|
238
|
-
var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
238
|
+
var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/htTarget/src/htTarget.vue"]]);
|
|
239
239
|
|
|
240
240
|
export { htTarget as default };
|
|
@@ -56,6 +56,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
56
56
|
$setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
|
|
57
57
|
]);
|
|
58
58
|
}
|
|
59
|
-
var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
59
|
+
var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
|
|
60
60
|
|
|
61
61
|
export { htPieChart as default };
|
|
@@ -444,6 +444,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
444
444
|
/* STABLE_FRAGMENT */
|
|
445
445
|
);
|
|
446
446
|
}
|
|
447
|
-
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
447
|
+
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/table/HtTable.vue"]]);
|
|
448
448
|
|
|
449
449
|
export { Table as default };
|
package/es/constants/table.d.ts
CHANGED
|
@@ -105,6 +105,13 @@ export declare const TABLE_KEY: {
|
|
|
105
105
|
readonly price_cnw: "累计净值";
|
|
106
106
|
readonly price_cw_nav: "复权净值";
|
|
107
107
|
readonly suspend_info: "停牌信息";
|
|
108
|
+
readonly industry: "行业名称";
|
|
109
|
+
readonly p4: "产品行业收益率";
|
|
110
|
+
readonly p1: "基准行业收益率";
|
|
111
|
+
readonly raa: "择时收益率";
|
|
112
|
+
readonly rss: "选股收益率";
|
|
113
|
+
readonly rin: "交互收益率";
|
|
114
|
+
readonly r_total: "超额收益率";
|
|
108
115
|
};
|
|
109
116
|
export declare const CLOUMN_DEAL: {
|
|
110
117
|
basicText4: (val: number | string | undefined) => string;
|
package/es/constants/table.mjs
CHANGED
|
@@ -114,7 +114,15 @@ const TABLE_KEY = {
|
|
|
114
114
|
// 持仓概览-fof底层
|
|
115
115
|
price_cnw: "\u7D2F\u8BA1\u51C0\u503C",
|
|
116
116
|
price_cw_nav: "\u590D\u6743\u51C0\u503C",
|
|
117
|
-
suspend_info: "\u505C\u724C\u4FE1\u606F"
|
|
117
|
+
suspend_info: "\u505C\u724C\u4FE1\u606F",
|
|
118
|
+
// 归因分析
|
|
119
|
+
industry: "\u884C\u4E1A\u540D\u79F0",
|
|
120
|
+
p4: "\u4EA7\u54C1\u884C\u4E1A\u6536\u76CA\u7387",
|
|
121
|
+
p1: "\u57FA\u51C6\u884C\u4E1A\u6536\u76CA\u7387",
|
|
122
|
+
raa: "\u62E9\u65F6\u6536\u76CA\u7387",
|
|
123
|
+
rss: "\u9009\u80A1\u6536\u76CA\u7387",
|
|
124
|
+
rin: "\u4EA4\u4E92\u6536\u76CA\u7387",
|
|
125
|
+
r_total: "\u8D85\u989D\u6536\u76CA\u7387"
|
|
118
126
|
};
|
|
119
127
|
const basicText4 = (val) => {
|
|
120
128
|
return typeof val !== "number" ? "-" : val.toFixed(4);
|
package/es/css/index.css
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
.echart-box {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
position: relative;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.echart-content {
|
|
10
|
+
flex: auto;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.echart-lenged {
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: auto;
|
|
16
|
+
margin-top: 6px;
|
|
17
|
+
padding-right: 22px;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-wrap: wrap;
|
|
21
|
+
font-size: 12px;
|
|
22
|
+
position: relative;
|
|
23
|
+
z-index: 999;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.bg-span {
|
|
27
|
+
display: inline-block;
|
|
28
|
+
width: 14px;
|
|
29
|
+
height: 2px;
|
|
30
|
+
margin-right: 6px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.bg-span-bar {
|
|
34
|
+
display: inline-block;
|
|
35
|
+
width: 16px;
|
|
36
|
+
height: 10px;
|
|
37
|
+
border-radius: 2px;
|
|
38
|
+
margin-right: 6px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.span-box {
|
|
42
|
+
margin-left: 5px;
|
|
43
|
+
margin-right: 6px;
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
display: flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.noData {
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 100%;
|
|
52
|
+
font-size: 16px;
|
|
53
|
+
display: flex;
|
|
54
|
+
justify-content: center;
|
|
55
|
+
align-items: center;
|
|
56
|
+
position: absolute;
|
|
57
|
+
bottom: 0px;
|
|
58
|
+
color: #ccc;
|
|
59
|
+
}
|
package/package.json
CHANGED
package/theme-chalk/ht-table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-text-wrap{line-height:1.5;white-space:pre-line}
|
|
1
|
+
.header-text-wrap{line-height:1.5;white-space:pre-line}
|
package/theme-chalk/index.css
CHANGED
|
@@ -1 +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}
|
|
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}
|
|
@@ -3,43 +3,3 @@
|
|
|
3
3
|
white-space: pre-line;
|
|
4
4
|
line-height: 1.5;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
// 隐藏所有边框,让表格看起来和未设置 border 时一样
|
|
8
|
-
.header-only-border.el-table--border,
|
|
9
|
-
.header-only-border .el-table__inner-wrapper,
|
|
10
|
-
.header-only-border .el-table {
|
|
11
|
-
border: none !important;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.header-only-border .el-table__inner-wrapper::before,
|
|
15
|
-
.header-only-border .el-table__inner-wrapper::after,
|
|
16
|
-
.header-only-border .el-table::before,
|
|
17
|
-
.header-only-border .el-table::after {
|
|
18
|
-
display: none !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.header-only-border .el-table__cell {
|
|
22
|
-
border: none !important;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
// 表头列分隔线 - 使用伪元素实现居中效果
|
|
26
|
-
.header-only-border .el-table__header .el-table__cell {
|
|
27
|
-
position: relative;
|
|
28
|
-
border: none !important;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.header-only-border .el-table__header .el-table__cell::after {
|
|
32
|
-
content: '';
|
|
33
|
-
position: absolute;
|
|
34
|
-
right: 0;
|
|
35
|
-
top: 50%;
|
|
36
|
-
transform: translateY(-50%);
|
|
37
|
-
width: 1px;
|
|
38
|
-
height: 40%;
|
|
39
|
-
background-color: #dcdfe6;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// 最后一列表头不显示分隔线
|
|
43
|
-
.header-only-border .el-table__header .el-table__cell:last-child::after {
|
|
44
|
-
display: none;
|
|
45
|
-
}
|