hfn-components 0.3.9 → 0.4.1
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/elTable/index.d.ts +4 -4
- package/es/components/elTable/src/elTable.vue.d.ts +4 -4
- package/es/components/elTable/src/elTable.vue.mjs +1 -1
- package/es/components/elTable/src/elTable.vue2.mjs +15 -4
- package/es/components/htTarget/src/htTarget.vue.mjs +2 -2
- package/package.json +6 -1
- package/theme-chalk/ht-target.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/target.scss +0 -4
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}.
|
|
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{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}
|
|
@@ -16,6 +16,10 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
|
|
|
16
16
|
readonly default: "#f0f0f0";
|
|
17
17
|
};
|
|
18
18
|
}, {
|
|
19
|
+
targetHead: import("vue").Ref<{
|
|
20
|
+
name: string;
|
|
21
|
+
key: string;
|
|
22
|
+
}[]>;
|
|
19
23
|
props: import("@vue/shared").LooseRequired<{
|
|
20
24
|
readonly loading: boolean;
|
|
21
25
|
readonly dataSource: unknown[];
|
|
@@ -706,10 +710,6 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
|
|
|
706
710
|
readonly money_name: "金额（元）";
|
|
707
711
|
};
|
|
708
712
|
readonly convertKey: (data: any, key: string) => any;
|
|
709
|
-
readonly TARGET_HEAD_KEY: {
|
|
710
|
-
name: string;
|
|
711
|
-
key: string;
|
|
712
|
-
}[];
|
|
713
713
|
readonly TARGET_END_KEY: {
|
|
714
714
|
name: string;
|
|
715
715
|
key: string;
|
|
@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
16
16
|
readonly default: "#f0f0f0";
|
|
17
17
|
};
|
|
18
18
|
}, {
|
|
19
|
+
targetHead: import("vue").Ref<{
|
|
20
|
+
name: string;
|
|
21
|
+
key: string;
|
|
22
|
+
}[]>;
|
|
19
23
|
props: import("@vue/shared").LooseRequired<{
|
|
20
24
|
readonly loading: boolean;
|
|
21
25
|
readonly dataSource: unknown[];
|
|
@@ -706,10 +710,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
706
710
|
readonly money_name: "金额（元）";
|
|
707
711
|
};
|
|
708
712
|
readonly convertKey: (data: any, key: string) => any;
|
|
709
|
-
readonly TARGET_HEAD_KEY: {
|
|
710
|
-
name: string;
|
|
711
|
-
key: string;
|
|
712
|
-
}[];
|
|
713
713
|
readonly TARGET_END_KEY: {
|
|
714
714
|
name: string;
|
|
715
715
|
key: string;
|
|
@@ -35,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35
35
|
createElementVNode(
|
|
36
36
|
"div",
|
|
37
37
|
null,
|
|
38
|
-
toDisplayString($setup.
|
|
38
|
+
toDisplayString($setup.targetHead.filter((items) => items.key === item.key.split("_")[0])[0].name),
|
|
39
39
|
1
|
|
40
40
|
/* TEXT */
|
|
41
41
|
),
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent } from 'vue';
|
|
1
|
+
import { defineComponent, ref, onMounted } from 'vue';
|
|
2
2
|
import { ElTable, ElTableColumn, vLoading } from 'element-plus';
|
|
3
3
|
import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
|
|
4
4
|
import { TARGET_HEAD_KEY, TARGET_END_KEY } from '../../../constants/target.mjs';
|
|
5
5
|
import '../../../constants/chartConfig.mjs';
|
|
6
|
+
import cloneDeep from 'lodash.clonedeep';
|
|
6
7
|
import ColumnDeal from './columnDeal.vue.mjs';
|
|
7
8
|
import { elTableProps } from './elTable.mjs';
|
|
8
9
|
|
|
@@ -11,8 +12,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
12
|
props: elTableProps,
|
|
12
13
|
setup(__props, { expose: __expose }) {
|
|
13
14
|
__expose();
|
|
15
|
+
const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
|
|
16
|
+
onMounted(() => {
|
|
17
|
+
let startYear = 2018;
|
|
18
|
+
const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
19
|
+
while (startYear <= nowYear) {
|
|
20
|
+
targetHead.value.push({
|
|
21
|
+
name: `${startYear}`,
|
|
22
|
+
key: `${startYear}`
|
|
23
|
+
});
|
|
24
|
+
startYear++;
|
|
25
|
+
}
|
|
26
|
+
});
|
|
14
27
|
const props = __props;
|
|
15
|
-
const __returned__ = { props, get ElTable() {
|
|
28
|
+
const __returned__ = { targetHead, props, get ElTable() {
|
|
16
29
|
return ElTable;
|
|
17
30
|
}, get ElTableColumn() {
|
|
18
31
|
return ElTableColumn;
|
|
@@ -22,8 +35,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
35
|
return TABLE_KEY;
|
|
23
36
|
}, get convertKey() {
|
|
24
37
|
return convertKey;
|
|
25
|
-
}, get TARGET_HEAD_KEY() {
|
|
26
|
-
return TARGET_HEAD_KEY;
|
|
27
38
|
}, get TARGET_END_KEY() {
|
|
28
39
|
return TARGET_END_KEY;
|
|
29
40
|
}, ColumnDeal };
|
|
@@ -54,7 +54,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54
54
|
type: "primary"
|
|
55
55
|
}, {
|
|
56
56
|
default: withCtx(() => [
|
|
57
|
-
createTextVNode("
|
|
57
|
+
createTextVNode("\u786E\u8BA4")
|
|
58
58
|
]),
|
|
59
59
|
_: 1
|
|
60
60
|
/* STABLE */
|
|
@@ -91,7 +91,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
91
91
|
modelValue: $setup.selectedHead,
|
|
92
92
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.selectedHead = $event),
|
|
93
93
|
onChange: $setup.headChange,
|
|
94
|
-
|
|
94
|
+
style: { "display": "grid", "grid": "auto / repeat(5, 1fr)" }
|
|
95
95
|
}, {
|
|
96
96
|
default: withCtx(() => [
|
|
97
97
|
(openBlock(true), createElementBlock(
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hfn-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.ts",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -20,5 +20,10 @@
|
|
|
20
20
|
"vue": "^3.2.0",
|
|
21
21
|
"echarts": "^5.5.1",
|
|
22
22
|
"lodash.clonedeep": "^4.5.0"
|
|
23
|
+
},
|
|
24
|
+
"exports": {
|
|
25
|
+
"./constants": {
|
|
26
|
+
"import": "./es/constants/index.mjs"
|
|
27
|
+
}
|
|
23
28
|
}
|
|
24
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dialog{padding:24px!important;width:860px!important}.
|
|
1
|
+
.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}
|
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}.
|
|
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{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}
|