hfn-components 0.6.2 → 0.6.3
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
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}
|
|
@@ -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,7 +102,7 @@ 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
|
}
|
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
|
-
}
|