hfn-components 0.3.2 → 0.3.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/component.mjs +3 -1
- package/es/components/chart/index.d.ts +30 -10
- package/es/components/chart/src/HtChart.d.ts +12 -4
- package/es/components/chart/src/HtChart.mjs +16 -5
- package/es/components/chart/src/HtChart.vue.d.ts +30 -10
- package/es/components/chart/src/HtChart.vue.mjs +1 -1
- package/es/components/chart/src/HtChart.vue2.mjs +2 -2
- package/es/components/elTable/index.d.ts +9 -0
- package/es/components/elTable/src/columnDeal.vue.mjs +1 -1
- package/es/components/elTable/src/elTable.vue.d.ts +9 -0
- package/es/components/elTable/src/elTable.vue.mjs +41 -4
- package/es/components/elTable/src/elTable.vue2.mjs +5 -0
- package/es/components/htTarget/index.d.ts +50 -23
- package/es/components/htTarget/src/htTarget.d.ts +12 -1
- package/es/components/htTarget/src/htTarget.mjs +11 -2
- package/es/components/htTarget/src/htTarget.vue.d.ts +50 -23
- package/es/components/htTarget/src/htTarget.vue.mjs +11 -7
- package/es/components/htTarget/src/htTarget.vue2.mjs +62 -15
- package/es/components/htTarget/style/index.d.ts +1 -0
- package/es/components/htTarget/style/index.mjs +1 -0
- package/es/components/pieChart/src/HtPieChart.vue.mjs +1 -1
- package/es/components/table/HtTable.vue.mjs +1 -1
- package/es/constants/table.mjs +4 -4
- package/es/constants/target.d.ts +4 -10
- package/es/constants/target.mjs +34 -34
- package/es/utils/chart.d.ts +1 -0
- package/es/utils/chart.mjs +21 -2
- package/es/utils/index.mjs +1 -1
- package/package.json +1 -1
- package/theme-chalk/ht-target.css +1 -0
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/index.scss +2 -1
- package/theme-chalk/src/target.scss +20 -0
- package/es/css/index.css +0 -59
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%}
|
|
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}
|
package/es/component.mjs
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { HtElTable } from './components/elTable/index.mjs';
|
|
2
2
|
import { HtChart } from './components/chart/index.mjs';
|
|
3
3
|
import { HtPieChart } from './components/pieChart/index.mjs';
|
|
4
|
+
import { HtTarget } from './components/htTarget/index.mjs';
|
|
4
5
|
|
|
5
6
|
var Components = [
|
|
6
7
|
// HtTable,
|
|
7
8
|
HtChart,
|
|
8
9
|
HtElTable,
|
|
9
|
-
HtPieChart
|
|
10
|
+
HtPieChart,
|
|
11
|
+
HtTarget
|
|
10
12
|
];
|
|
11
13
|
|
|
12
14
|
export { Components as default };
|
|
@@ -11,6 +11,14 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
11
11
|
readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
|
|
12
12
|
readonly default: "";
|
|
13
13
|
};
|
|
14
|
+
readonly titleText: {
|
|
15
|
+
readonly type: StringConstructor;
|
|
16
|
+
readonly default: "";
|
|
17
|
+
};
|
|
18
|
+
readonly titleText2: {
|
|
19
|
+
readonly type: StringConstructor;
|
|
20
|
+
readonly default: "";
|
|
21
|
+
};
|
|
14
22
|
readonly xAxisData: {
|
|
15
23
|
readonly type: import("vue").PropType<string[]>;
|
|
16
24
|
readonly default: readonly [];
|
|
@@ -31,14 +39,14 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
31
39
|
readonly type: NumberConstructor;
|
|
32
40
|
readonly default: 4;
|
|
33
41
|
};
|
|
34
|
-
readonly titleText: {
|
|
35
|
-
readonly type: StringConstructor;
|
|
36
|
-
readonly default: "";
|
|
37
|
-
};
|
|
38
42
|
readonly yAxisUnit: {
|
|
39
43
|
readonly type: StringConstructor;
|
|
40
44
|
readonly default: "";
|
|
41
45
|
};
|
|
46
|
+
readonly yAxisObj: {
|
|
47
|
+
readonly type: ObjectConstructor;
|
|
48
|
+
readonly default: () => void;
|
|
49
|
+
};
|
|
42
50
|
readonly tooltipUnit: {
|
|
43
51
|
readonly type: StringConstructor;
|
|
44
52
|
readonly default: "";
|
|
@@ -68,13 +76,15 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
68
76
|
readonly chartData: any[];
|
|
69
77
|
readonly chartId: string;
|
|
70
78
|
readonly chartType: import("hfn-components/es/utils").chartType;
|
|
79
|
+
readonly titleText: string;
|
|
80
|
+
readonly titleText2: string;
|
|
71
81
|
readonly xAxisData: string[];
|
|
72
82
|
readonly collation: string;
|
|
73
83
|
readonly isReturn: boolean;
|
|
74
84
|
readonly isPercent: boolean;
|
|
75
85
|
readonly floatNumber: number;
|
|
76
|
-
readonly titleText: string;
|
|
77
86
|
readonly yAxisUnit: string;
|
|
87
|
+
readonly yAxisObj: Record<string, any>;
|
|
78
88
|
readonly tooltipUnit: string;
|
|
79
89
|
readonly watchResize: boolean;
|
|
80
90
|
readonly showLegend: boolean;
|
|
@@ -107,6 +117,14 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
107
117
|
readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
|
|
108
118
|
readonly default: "";
|
|
109
119
|
};
|
|
120
|
+
readonly titleText: {
|
|
121
|
+
readonly type: StringConstructor;
|
|
122
|
+
readonly default: "";
|
|
123
|
+
};
|
|
124
|
+
readonly titleText2: {
|
|
125
|
+
readonly type: StringConstructor;
|
|
126
|
+
readonly default: "";
|
|
127
|
+
};
|
|
110
128
|
readonly xAxisData: {
|
|
111
129
|
readonly type: import("vue").PropType<string[]>;
|
|
112
130
|
readonly default: readonly [];
|
|
@@ -127,14 +145,14 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
127
145
|
readonly type: NumberConstructor;
|
|
128
146
|
readonly default: 4;
|
|
129
147
|
};
|
|
130
|
-
readonly titleText: {
|
|
131
|
-
readonly type: StringConstructor;
|
|
132
|
-
readonly default: "";
|
|
133
|
-
};
|
|
134
148
|
readonly yAxisUnit: {
|
|
135
149
|
readonly type: StringConstructor;
|
|
136
150
|
readonly default: "";
|
|
137
151
|
};
|
|
152
|
+
readonly yAxisObj: {
|
|
153
|
+
readonly type: ObjectConstructor;
|
|
154
|
+
readonly default: () => void;
|
|
155
|
+
};
|
|
138
156
|
readonly tooltipUnit: {
|
|
139
157
|
readonly type: StringConstructor;
|
|
140
158
|
readonly default: "";
|
|
@@ -163,13 +181,15 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
|
|
|
163
181
|
readonly chartData: any[];
|
|
164
182
|
readonly chartId: string;
|
|
165
183
|
readonly chartType: import("hfn-components/es/utils").chartType;
|
|
184
|
+
readonly titleText: string;
|
|
185
|
+
readonly titleText2: string;
|
|
166
186
|
readonly xAxisData: string[];
|
|
167
187
|
readonly collation: string;
|
|
168
188
|
readonly isReturn: boolean;
|
|
169
189
|
readonly isPercent: boolean;
|
|
170
190
|
readonly floatNumber: number;
|
|
171
|
-
readonly titleText: string;
|
|
172
191
|
readonly yAxisUnit: string;
|
|
192
|
+
readonly yAxisObj: Record<string, any>;
|
|
173
193
|
readonly tooltipUnit: string;
|
|
174
194
|
readonly watchResize: boolean;
|
|
175
195
|
readonly showLegend: boolean;
|
|
@@ -13,6 +13,14 @@ export declare const chartProps: {
|
|
|
13
13
|
readonly type: PropType<chartType>;
|
|
14
14
|
readonly default: "";
|
|
15
15
|
};
|
|
16
|
+
readonly titleText: {
|
|
17
|
+
readonly type: StringConstructor;
|
|
18
|
+
readonly default: "";
|
|
19
|
+
};
|
|
20
|
+
readonly titleText2: {
|
|
21
|
+
readonly type: StringConstructor;
|
|
22
|
+
readonly default: "";
|
|
23
|
+
};
|
|
16
24
|
readonly xAxisData: {
|
|
17
25
|
readonly type: PropType<string[]>;
|
|
18
26
|
readonly default: readonly [];
|
|
@@ -33,14 +41,14 @@ export declare const chartProps: {
|
|
|
33
41
|
readonly type: NumberConstructor;
|
|
34
42
|
readonly default: 4;
|
|
35
43
|
};
|
|
36
|
-
readonly titleText: {
|
|
37
|
-
readonly type: StringConstructor;
|
|
38
|
-
readonly default: "";
|
|
39
|
-
};
|
|
40
44
|
readonly yAxisUnit: {
|
|
41
45
|
readonly type: StringConstructor;
|
|
42
46
|
readonly default: "";
|
|
43
47
|
};
|
|
48
|
+
readonly yAxisObj: {
|
|
49
|
+
readonly type: ObjectConstructor;
|
|
50
|
+
readonly default: () => void;
|
|
51
|
+
};
|
|
44
52
|
readonly tooltipUnit: {
|
|
45
53
|
readonly type: StringConstructor;
|
|
46
54
|
readonly default: "";
|
|
@@ -15,6 +15,16 @@ const chartProps = {
|
|
|
15
15
|
type: String,
|
|
16
16
|
default: ""
|
|
17
17
|
},
|
|
18
|
+
//图表标题
|
|
19
|
+
titleText: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: ""
|
|
22
|
+
},
|
|
23
|
+
//图表标题
|
|
24
|
+
titleText2: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: ""
|
|
27
|
+
},
|
|
18
28
|
//是类目轴时x轴数据
|
|
19
29
|
xAxisData: {
|
|
20
30
|
type: Array,
|
|
@@ -39,16 +49,17 @@ const chartProps = {
|
|
|
39
49
|
type: Number,
|
|
40
50
|
default: 4
|
|
41
51
|
},
|
|
42
|
-
//y轴文本
|
|
43
|
-
titleText: {
|
|
44
|
-
type: String,
|
|
45
|
-
default: ""
|
|
46
|
-
},
|
|
47
52
|
//Y轴单位
|
|
48
53
|
yAxisUnit: {
|
|
49
54
|
type: String,
|
|
50
55
|
default: ""
|
|
51
56
|
},
|
|
57
|
+
// Y轴对象
|
|
58
|
+
yAxisObj: {
|
|
59
|
+
type: Object,
|
|
60
|
+
default: () => {
|
|
61
|
+
}
|
|
62
|
+
},
|
|
52
63
|
//tooltip单位
|
|
53
64
|
tooltipUnit: {
|
|
54
65
|
type: String,
|
|
@@ -18,6 +18,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
|
|
19
19
|
readonly default: "";
|
|
20
20
|
};
|
|
21
|
+
readonly titleText: {
|
|
22
|
+
readonly type: StringConstructor;
|
|
23
|
+
readonly default: "";
|
|
24
|
+
};
|
|
25
|
+
readonly titleText2: {
|
|
26
|
+
readonly type: StringConstructor;
|
|
27
|
+
readonly default: "";
|
|
28
|
+
};
|
|
21
29
|
readonly xAxisData: {
|
|
22
30
|
readonly type: import("vue").PropType<string[]>;
|
|
23
31
|
readonly default: readonly [];
|
|
@@ -38,14 +46,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
46
|
readonly type: NumberConstructor;
|
|
39
47
|
readonly default: 4;
|
|
40
48
|
};
|
|
41
|
-
readonly titleText: {
|
|
42
|
-
readonly type: StringConstructor;
|
|
43
|
-
readonly default: "";
|
|
44
|
-
};
|
|
45
49
|
readonly yAxisUnit: {
|
|
46
50
|
readonly type: StringConstructor;
|
|
47
51
|
readonly default: "";
|
|
48
52
|
};
|
|
53
|
+
readonly yAxisObj: {
|
|
54
|
+
readonly type: ObjectConstructor;
|
|
55
|
+
readonly default: () => void;
|
|
56
|
+
};
|
|
49
57
|
readonly tooltipUnit: {
|
|
50
58
|
readonly type: StringConstructor;
|
|
51
59
|
readonly default: "";
|
|
@@ -75,13 +83,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
75
83
|
readonly chartData: any[];
|
|
76
84
|
readonly chartId: string;
|
|
77
85
|
readonly chartType: import("hfn-components/es/utils").chartType;
|
|
86
|
+
readonly titleText: string;
|
|
87
|
+
readonly titleText2: string;
|
|
78
88
|
readonly xAxisData: string[];
|
|
79
89
|
readonly collation: string;
|
|
80
90
|
readonly isReturn: boolean;
|
|
81
91
|
readonly isPercent: boolean;
|
|
82
92
|
readonly floatNumber: number;
|
|
83
|
-
readonly titleText: string;
|
|
84
93
|
readonly yAxisUnit: string;
|
|
94
|
+
readonly yAxisObj: Record<string, any>;
|
|
85
95
|
readonly tooltipUnit: string;
|
|
86
96
|
readonly watchResize: boolean;
|
|
87
97
|
readonly showLegend: boolean;
|
|
@@ -114,6 +124,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
114
124
|
readonly type: import("vue").PropType<import("hfn-components/es/utils").chartType>;
|
|
115
125
|
readonly default: "";
|
|
116
126
|
};
|
|
127
|
+
readonly titleText: {
|
|
128
|
+
readonly type: StringConstructor;
|
|
129
|
+
readonly default: "";
|
|
130
|
+
};
|
|
131
|
+
readonly titleText2: {
|
|
132
|
+
readonly type: StringConstructor;
|
|
133
|
+
readonly default: "";
|
|
134
|
+
};
|
|
117
135
|
readonly xAxisData: {
|
|
118
136
|
readonly type: import("vue").PropType<string[]>;
|
|
119
137
|
readonly default: readonly [];
|
|
@@ -134,14 +152,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
134
152
|
readonly type: NumberConstructor;
|
|
135
153
|
readonly default: 4;
|
|
136
154
|
};
|
|
137
|
-
readonly titleText: {
|
|
138
|
-
readonly type: StringConstructor;
|
|
139
|
-
readonly default: "";
|
|
140
|
-
};
|
|
141
155
|
readonly yAxisUnit: {
|
|
142
156
|
readonly type: StringConstructor;
|
|
143
157
|
readonly default: "";
|
|
144
158
|
};
|
|
159
|
+
readonly yAxisObj: {
|
|
160
|
+
readonly type: ObjectConstructor;
|
|
161
|
+
readonly default: () => void;
|
|
162
|
+
};
|
|
145
163
|
readonly tooltipUnit: {
|
|
146
164
|
readonly type: StringConstructor;
|
|
147
165
|
readonly default: "";
|
|
@@ -170,13 +188,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
170
188
|
readonly chartData: any[];
|
|
171
189
|
readonly chartId: string;
|
|
172
190
|
readonly chartType: import("hfn-components/es/utils").chartType;
|
|
191
|
+
readonly titleText: string;
|
|
192
|
+
readonly titleText2: string;
|
|
173
193
|
readonly xAxisData: string[];
|
|
174
194
|
readonly collation: string;
|
|
175
195
|
readonly isReturn: boolean;
|
|
176
196
|
readonly isPercent: boolean;
|
|
177
197
|
readonly floatNumber: number;
|
|
178
|
-
readonly titleText: string;
|
|
179
198
|
readonly yAxisUnit: string;
|
|
199
|
+
readonly yAxisObj: Record<string, any>;
|
|
180
200
|
readonly tooltipUnit: string;
|
|
181
201
|
readonly watchResize: boolean;
|
|
182
202
|
readonly showLegend: boolean;
|
|
@@ -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/libiluo/Desktop/company/component-library/packages/components/chart/src/HtChart.vue"]]);
|
|
89
89
|
|
|
90
90
|
export { chart as default };
|
|
@@ -2,7 +2,7 @@ import { defineComponent, shallowRef, ref, reactive, watch } from 'vue';
|
|
|
2
2
|
import { BASIC_CHART_CONFIG } from '../../../constants/chartConfig.mjs';
|
|
3
3
|
import { chartProps } from './HtChart.mjs';
|
|
4
4
|
import cloneDeep from 'lodash.clonedeep';
|
|
5
|
-
import { setEchartXAxis, setEchartYAxis, setEchartTooltip, legendEnterOperate, legendLeaveOperate } from '../../../utils/chart.mjs';
|
|
5
|
+
import { setEchartTitle, setEchartXAxis, setEchartYAxis, setEchartTooltip, legendEnterOperate, legendLeaveOperate } from '../../../utils/chart.mjs';
|
|
6
6
|
import * as echarts from 'echarts/core';
|
|
7
7
|
|
|
8
8
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -17,7 +17,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17
17
|
watch(
|
|
18
18
|
() => props.chartData,
|
|
19
19
|
(val) => {
|
|
20
|
-
console.log(val);
|
|
21
20
|
echartOptions.series = cloneDeep(val);
|
|
22
21
|
drawGraph();
|
|
23
22
|
},
|
|
@@ -47,6 +46,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
47
46
|
if (props.lineColor && props.lineColor.length > 0) {
|
|
48
47
|
echartOptions.color = props.lineColor;
|
|
49
48
|
}
|
|
49
|
+
setEchartTitle(echartOptions, props);
|
|
50
50
|
setEchartXAxis(echartOptions, props.chartType, props.xAxisData);
|
|
51
51
|
setEchartYAxis(echartOptions, props);
|
|
52
52
|
setEchartTooltip(echartOptions, props);
|
|
@@ -706,6 +706,15 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
|
|
|
706
706
|
readonly money_name: "金额(元)";
|
|
707
707
|
};
|
|
708
708
|
readonly convertKey: (data: any, key: string) => any;
|
|
709
|
+
readonly TARGET_HEAD_KEY: {
|
|
710
|
+
name: string;
|
|
711
|
+
key: string;
|
|
712
|
+
}[];
|
|
713
|
+
readonly TARGET_END_KEY: {
|
|
714
|
+
name: string;
|
|
715
|
+
key: string;
|
|
716
|
+
dealType: string;
|
|
717
|
+
}[];
|
|
709
718
|
ColumnDeal: import("vue").DefineComponent<{
|
|
710
719
|
readonly dealType: {
|
|
711
720
|
readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
|
|
@@ -34,6 +34,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
34
34
|
/* TEXT */
|
|
35
35
|
));
|
|
36
36
|
}
|
|
37
|
-
var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
37
|
+
var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/columnDeal.vue"]]);
|
|
38
38
|
|
|
39
39
|
export { ColumnDeal as default };
|
|
@@ -706,6 +706,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
706
706
|
readonly money_name: "金额(元)";
|
|
707
707
|
};
|
|
708
708
|
readonly convertKey: (data: any, key: string) => any;
|
|
709
|
+
readonly TARGET_HEAD_KEY: {
|
|
710
|
+
name: string;
|
|
711
|
+
key: string;
|
|
712
|
+
}[];
|
|
713
|
+
readonly TARGET_END_KEY: {
|
|
714
|
+
name: string;
|
|
715
|
+
key: string;
|
|
716
|
+
dealType: string;
|
|
717
|
+
}[];
|
|
709
718
|
ColumnDeal: import("vue").DefineComponent<{
|
|
710
719
|
readonly dealType: {
|
|
711
720
|
readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import _sfc_main from './elTable.vue2.mjs';
|
|
2
|
-
import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from 'vue';
|
|
2
|
+
import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
|
|
3
3
|
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
4
|
|
|
5
|
+
const _hoisted_1 = { key: 0 };
|
|
6
|
+
const _hoisted_2 = { key: 0 };
|
|
7
|
+
const _hoisted_3 = { key: 1 };
|
|
8
|
+
const _hoisted_4 = { key: 1 };
|
|
5
9
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6
10
|
return withDirectives((openBlock(), createBlock($setup["ElTable"], {
|
|
7
11
|
data: $setup.props.dataSource,
|
|
@@ -23,9 +27,42 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23
27
|
resizable: "",
|
|
24
28
|
key: item.key,
|
|
25
29
|
prop: item.key,
|
|
26
|
-
label: item.customizeLabel ? item.customizeLabel : $setup.TABLE_KEY[item.key],
|
|
27
30
|
width: item.width
|
|
28
31
|
}, {
|
|
32
|
+
header: withCtx(() => [
|
|
33
|
+
item.customizeLabel ? (openBlock(), createElementBlock("span", _hoisted_1, [
|
|
34
|
+
item.customizeLabel === "target" ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
35
|
+
createElementVNode(
|
|
36
|
+
"div",
|
|
37
|
+
null,
|
|
38
|
+
toDisplayString($setup.TARGET_HEAD_KEY.filter((items) => items.key === item.key.split("_")[0])[0].name),
|
|
39
|
+
1
|
|
40
|
+
/* TEXT */
|
|
41
|
+
),
|
|
42
|
+
createElementVNode(
|
|
43
|
+
"div",
|
|
44
|
+
null,
|
|
45
|
+
toDisplayString($setup.TARGET_END_KEY.filter((items) => items.key === item.key.split("_")[1])[0].name),
|
|
46
|
+
1
|
|
47
|
+
/* TEXT */
|
|
48
|
+
)
|
|
49
|
+
])) : (openBlock(), createElementBlock(
|
|
50
|
+
"div",
|
|
51
|
+
_hoisted_3,
|
|
52
|
+
toDisplayString(item.customizeLabel),
|
|
53
|
+
1
|
|
54
|
+
/* TEXT */
|
|
55
|
+
))
|
|
56
|
+
])) : (openBlock(), createElementBlock("span", _hoisted_4, [
|
|
57
|
+
createElementVNode(
|
|
58
|
+
"div",
|
|
59
|
+
null,
|
|
60
|
+
toDisplayString($setup.TABLE_KEY[item.key]),
|
|
61
|
+
1
|
|
62
|
+
/* TEXT */
|
|
63
|
+
)
|
|
64
|
+
]))
|
|
65
|
+
]),
|
|
29
66
|
default: withCtx((scope) => [
|
|
30
67
|
item.dealType === "other" ? (openBlock(), createBlock($setup["ColumnDeal"], {
|
|
31
68
|
key: 0,
|
|
@@ -41,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
41
78
|
]),
|
|
42
79
|
_: 2
|
|
43
80
|
/* DYNAMIC */
|
|
44
|
-
}, 1032, ["prop", "
|
|
81
|
+
}, 1032, ["prop", "width"]);
|
|
45
82
|
}),
|
|
46
83
|
128
|
|
47
84
|
/* KEYED_FRAGMENT */
|
|
@@ -53,6 +90,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
53
90
|
[$setup["vLoading"], $setup.props.loading]
|
|
54
91
|
]);
|
|
55
92
|
}
|
|
56
|
-
var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/
|
|
93
|
+
var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/elTable.vue"]]);
|
|
57
94
|
|
|
58
95
|
export { elTable as default };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { defineComponent } from 'vue';
|
|
2
2
|
import { ElTable, ElTableColumn, vLoading } from 'element-plus';
|
|
3
3
|
import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
|
|
4
|
+
import { TARGET_HEAD_KEY, TARGET_END_KEY } from '../../../constants/target.mjs';
|
|
4
5
|
import '../../../constants/chartConfig.mjs';
|
|
5
6
|
import ColumnDeal from './columnDeal.vue.mjs';
|
|
6
7
|
import { elTableProps } from './elTable.mjs';
|
|
@@ -21,6 +22,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
22
|
return TABLE_KEY;
|
|
22
23
|
}, get convertKey() {
|
|
23
24
|
return convertKey;
|
|
25
|
+
}, get TARGET_HEAD_KEY() {
|
|
26
|
+
return TARGET_HEAD_KEY;
|
|
27
|
+
}, get TARGET_END_KEY() {
|
|
28
|
+
return TARGET_END_KEY;
|
|
24
29
|
}, ColumnDeal };
|
|
25
30
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
26
31
|
return __returned__;
|
|
@@ -1,31 +1,43 @@
|
|
|
1
|
-
export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
1
|
+
export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
|
+
readonly dialogShow: {
|
|
3
|
+
readonly type: BooleanConstructor;
|
|
4
|
+
readonly default: false;
|
|
5
|
+
};
|
|
6
|
+
readonly targetData: {
|
|
7
|
+
readonly type: import("vue").PropType<string[]>;
|
|
8
|
+
readonly default: readonly [];
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
props: import("@vue/shared").LooseRequired<{
|
|
12
|
+
readonly targetData: string[];
|
|
13
|
+
readonly dialogShow: boolean;
|
|
14
|
+
readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
} & {}>;
|
|
17
|
+
emit: (event: "choiceTarget" | "choiceCancel", ...args: any[]) => void;
|
|
2
18
|
targetHead: import("vue").Ref<{
|
|
3
19
|
name: string;
|
|
4
20
|
key: string;
|
|
5
21
|
}[]>;
|
|
6
|
-
allfoot: import("vue").Ref<
|
|
7
|
-
name: string;
|
|
8
|
-
key: string;
|
|
9
|
-
slot: string;
|
|
10
|
-
excludeKey?: undefined;
|
|
11
|
-
} | {
|
|
22
|
+
allfoot: import("vue").Ref<{
|
|
12
23
|
name: string;
|
|
13
24
|
key: string;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
})[]>;
|
|
25
|
+
dealType: string;
|
|
26
|
+
}[]>;
|
|
17
27
|
selectedHead: import("vue").Ref<string>;
|
|
18
28
|
checkList: import("vue").Ref<string[]>;
|
|
29
|
+
dialogShow: import("vue").Ref<boolean>;
|
|
19
30
|
typeTag: import("vue").Ref<string>;
|
|
20
|
-
aaa: import("vue").Ref<boolean>;
|
|
21
31
|
headChange: () => void;
|
|
22
32
|
selectedTree: import("vue").Ref<Record<string, string[]>>;
|
|
23
33
|
selectedList: import("vue").Ref<{
|
|
24
34
|
name: string;
|
|
25
35
|
key: string;
|
|
36
|
+
dealType: string;
|
|
26
37
|
}[]>;
|
|
27
|
-
selectedTarget: (val: string, type: string) => void;
|
|
38
|
+
selectedTarget: (val: string, headKey: string, type: string) => void;
|
|
28
39
|
deleteItem: (key: string) => void;
|
|
40
|
+
confirmTarge: () => void;
|
|
29
41
|
readonly ElDialog: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
30
42
|
readonly appendToBody: BooleanConstructor;
|
|
31
43
|
readonly appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
|
|
@@ -511,7 +523,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
511
523
|
__epPropKey: true;
|
|
512
524
|
};
|
|
513
525
|
readonly disabled: BooleanConstructor;
|
|
514
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
526
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
515
527
|
readonly icon: {
|
|
516
528
|
readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
|
|
517
529
|
readonly required: false;
|
|
@@ -541,7 +553,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
541
553
|
__epPropKey: true;
|
|
542
554
|
};
|
|
543
555
|
readonly disabled: BooleanConstructor;
|
|
544
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
556
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
545
557
|
readonly icon: {
|
|
546
558
|
readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
|
|
547
559
|
readonly required: false;
|
|
@@ -587,7 +599,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
587
599
|
};
|
|
588
600
|
_ref: import("vue").Ref<HTMLButtonElement | undefined>;
|
|
589
601
|
_size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
|
|
590
|
-
_type: import("vue").ComputedRef<"" | "default" | "
|
|
602
|
+
_type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger">;
|
|
591
603
|
_disabled: import("vue").ComputedRef<boolean>;
|
|
592
604
|
_props: import("vue").ComputedRef<{
|
|
593
605
|
ariaDisabled: boolean;
|
|
@@ -676,7 +688,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
676
688
|
__epPropKey: true;
|
|
677
689
|
};
|
|
678
690
|
readonly disabled: BooleanConstructor;
|
|
679
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
691
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
680
692
|
readonly icon: {
|
|
681
693
|
readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
|
|
682
694
|
readonly required: false;
|
|
@@ -700,7 +712,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
700
712
|
}>> & {
|
|
701
713
|
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
702
714
|
}, {
|
|
703
|
-
readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "
|
|
715
|
+
readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
|
|
704
716
|
readonly link: boolean;
|
|
705
717
|
readonly dark: boolean;
|
|
706
718
|
readonly disabled: boolean;
|
|
@@ -723,7 +735,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
723
735
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
724
736
|
__epPropKey: true;
|
|
725
737
|
};
|
|
726
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
738
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
727
739
|
}, {
|
|
728
740
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
729
741
|
readonly size: {
|
|
@@ -732,7 +744,7 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
732
744
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
733
745
|
__epPropKey: true;
|
|
734
746
|
};
|
|
735
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
747
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
736
748
|
}>> & {
|
|
737
749
|
[x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
738
750
|
}>>;
|
|
@@ -761,9 +773,9 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
761
773
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
762
774
|
__epPropKey: true;
|
|
763
775
|
};
|
|
764
|
-
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "
|
|
776
|
+
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
|
|
765
777
|
}>>, {
|
|
766
|
-
readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "
|
|
778
|
+
readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
|
|
767
779
|
}, {}>;
|
|
768
780
|
};
|
|
769
781
|
readonly ElRow: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
@@ -1972,8 +1984,23 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
|
|
|
1972
1984
|
readonly BASIC_KEY: {
|
|
1973
1985
|
name: string;
|
|
1974
1986
|
key: string;
|
|
1975
|
-
|
|
1987
|
+
dealType: string;
|
|
1976
1988
|
}[];
|
|
1977
|
-
},
|
|
1989
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1990
|
+
readonly dialogShow: {
|
|
1991
|
+
readonly type: BooleanConstructor;
|
|
1992
|
+
readonly default: false;
|
|
1993
|
+
};
|
|
1994
|
+
readonly targetData: {
|
|
1995
|
+
readonly type: import("vue").PropType<string[]>;
|
|
1996
|
+
readonly default: readonly [];
|
|
1997
|
+
};
|
|
1998
|
+
}>> & {
|
|
1999
|
+
onChoiceTarget?: ((...args: any[]) => any) | undefined;
|
|
2000
|
+
onChoiceCancel?: ((...args: any[]) => any) | undefined;
|
|
2001
|
+
}, {
|
|
2002
|
+
readonly targetData: string[];
|
|
2003
|
+
readonly dialogShow: boolean;
|
|
2004
|
+
}, {}>> & Record<string, any>;
|
|
1978
2005
|
export default HtTarget;
|
|
1979
2006
|
export * from './src/htTarget.vue';
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
export declare const targetProps: {
|
|
3
|
+
readonly dialogShow: {
|
|
4
|
+
readonly type: BooleanConstructor;
|
|
5
|
+
readonly default: false;
|
|
6
|
+
};
|
|
7
|
+
readonly targetData: {
|
|
8
|
+
readonly type: PropType<string[]>;
|
|
9
|
+
readonly default: readonly [];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type TargetProps = ExtractPropTypes<typeof targetProps>;
|