bkui-vue 0.0.1-beta.75 → 0.0.1-beta.78
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.cjs.js +24 -24
- package/dist/index.esm.js +240 -165
- package/dist/index.umd.js +27 -27
- package/dist/style.css +1 -1
- package/lib/button/button.css +10 -17
- package/lib/button/button.d.ts +10 -0
- package/lib/button/button.less +16 -29
- package/lib/button/button.variable.css +10 -17
- package/lib/button/index.d.ts +16 -1
- package/lib/button/index.js +1 -1
- package/lib/table/const.d.ts +26 -0
- package/lib/table/index.d.ts +41 -11
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +2 -2
- package/lib/table/render.d.ts +0 -6
- package/lib/table/table.d.ts +15 -3
- package/lib/tree/constant.d.ts +7 -5
- package/lib/tree/index.d.ts +20 -43
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +0 -9
- package/lib/tree/tree.d.ts +6 -17
- package/lib/tree/use-node-attribute.d.ts +7 -1
- package/package.json +1 -1
package/lib/button/button.css
CHANGED
@@ -1,8 +1,6 @@
|
|
1
1
|
.bk-button {
|
2
2
|
display: inline-block;
|
3
|
-
|
4
|
-
min-width: 64px;
|
5
|
-
padding: 0 15px;
|
3
|
+
padding: 5px 12px;
|
6
4
|
font-size: 14px;
|
7
5
|
color: #63656e;
|
8
6
|
text-align: center;
|
@@ -202,14 +200,10 @@
|
|
202
200
|
color: white;
|
203
201
|
}
|
204
202
|
.bk-button.bk-button-small {
|
205
|
-
|
206
|
-
height: 26px;
|
207
|
-
padding: 0 12px;
|
203
|
+
padding: 2px 12px;
|
208
204
|
}
|
209
205
|
.bk-button.bk-button-large {
|
210
|
-
|
211
|
-
height: 38px;
|
212
|
-
padding: 0 20px;
|
206
|
+
padding: 8px 20px;
|
213
207
|
}
|
214
208
|
.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
|
215
209
|
margin-right: 6px;
|
@@ -240,23 +234,22 @@
|
|
240
234
|
cursor: not-allowed;
|
241
235
|
border-color: #dcdee5;
|
242
236
|
}
|
237
|
+
.bk-button.is-circle {
|
238
|
+
padding: 10px;
|
239
|
+
line-height: 1;
|
240
|
+
border-radius: 50%;
|
241
|
+
}
|
243
242
|
.bk-button-group {
|
244
243
|
display: inline-block;
|
245
244
|
font-size: 0;
|
246
245
|
}
|
247
246
|
.bk-button-group.bk-button-group-small .bk-button {
|
248
|
-
|
249
|
-
height: 26px;
|
250
|
-
padding: 0 12px;
|
247
|
+
padding: 2px 12px;
|
251
248
|
}
|
252
249
|
.bk-button-group.bk-button-group-large .bk-button {
|
253
|
-
|
254
|
-
height: 38px;
|
255
|
-
padding: 0 20px;
|
250
|
+
padding: 8px 20px;
|
256
251
|
}
|
257
252
|
.bk-button-group .bk-button {
|
258
|
-
height: 32px;
|
259
|
-
min-width: 64px;
|
260
253
|
margin: 0 0 0 -1px;
|
261
254
|
border-radius: 0;
|
262
255
|
}
|
package/lib/button/button.d.ts
CHANGED
@@ -57,6 +57,9 @@ declare const buttonProps: {
|
|
57
57
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
58
58
|
default: boolean;
|
59
59
|
};
|
60
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
61
|
+
default: boolean;
|
62
|
+
};
|
60
63
|
nativeType: {
|
61
64
|
type: IButtonNativeType;
|
62
65
|
};
|
@@ -94,6 +97,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
94
97
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
95
98
|
default: boolean;
|
96
99
|
};
|
100
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
101
|
+
default: boolean;
|
102
|
+
};
|
97
103
|
nativeType: {
|
98
104
|
type: IButtonNativeType;
|
99
105
|
};
|
@@ -129,6 +135,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
129
135
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
130
136
|
default: boolean;
|
131
137
|
};
|
138
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
139
|
+
default: boolean;
|
140
|
+
};
|
132
141
|
nativeType: {
|
133
142
|
type: IButtonNativeType;
|
134
143
|
};
|
@@ -137,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
137
146
|
onMouseover?: (...args: any[]) => any;
|
138
147
|
}, {
|
139
148
|
title: string;
|
149
|
+
circle: boolean;
|
140
150
|
text: boolean;
|
141
151
|
theme: string;
|
142
152
|
size: string;
|
package/lib/button/button.less
CHANGED
@@ -1,26 +1,17 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
|
3
|
-
@
|
4
|
-
@btnHeight: 32px;
|
5
|
-
@btnPadding: 15px;
|
3
|
+
@btnPadding: 5px 12px;
|
6
4
|
@btnBorderRadius: 2px;
|
7
5
|
|
8
|
-
@
|
9
|
-
@smallBtnHeight: 26px;
|
10
|
-
@smallBtnPadding: 12px;
|
11
|
-
|
12
|
-
@largeBtnMinWidth: 74px;
|
13
|
-
@largeBtnHeight: 38px;
|
14
|
-
@largeBtnPadding: 20px;
|
6
|
+
@smallBtnPadding: 2px 12px;
|
15
7
|
|
8
|
+
@largeBtnPadding: 8px 20px;
|
16
9
|
@themeSelectors: primary, warning, success, danger;
|
17
10
|
@sizeSelectors: small, large;
|
18
11
|
|
19
12
|
.@{bk-prefix}-button {
|
20
13
|
display: inline-block;
|
21
|
-
|
22
|
-
min-width: @btnMinWidth;
|
23
|
-
padding: 0 @btnPadding;
|
14
|
+
padding: @btnPadding;
|
24
15
|
font-size: @font-size-medium;
|
25
16
|
color: @default-color;
|
26
17
|
text-align: center;
|
@@ -97,15 +88,11 @@
|
|
97
88
|
|
98
89
|
|
99
90
|
each(@sizeSelectors, {
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
height: @@sizeBtnHeight;
|
106
|
-
padding: 0 @@sizeBtnPadding;
|
107
|
-
}
|
108
|
-
});
|
91
|
+
@sizeBtnPadding: '@{value}BtnPadding';
|
92
|
+
&.@{bk-prefix}-button-@{value} {
|
93
|
+
padding: @@sizeBtnPadding;
|
94
|
+
}
|
95
|
+
});
|
109
96
|
|
110
97
|
&:not(.is-text) {
|
111
98
|
.@{bk-prefix}-button-loading {
|
@@ -144,6 +131,12 @@
|
|
144
131
|
cursor: not-allowed;
|
145
132
|
border-color: @disable-color;
|
146
133
|
}
|
134
|
+
|
135
|
+
&.is-circle {
|
136
|
+
padding: 10px;
|
137
|
+
line-height: 1;
|
138
|
+
border-radius: 50%;
|
139
|
+
}
|
147
140
|
}
|
148
141
|
|
149
142
|
|
@@ -152,22 +145,16 @@
|
|
152
145
|
font-size: 0;
|
153
146
|
|
154
147
|
each(@sizeSelectors, {
|
155
|
-
@sizeBtnMinWidth: '@{value}BtnMinWidth';
|
156
|
-
@sizeBtnHeight: '@{value}BtnHeight';
|
157
148
|
@sizeBtnPadding: '@{value}BtnPadding';
|
158
149
|
&.@{bk-prefix}-button-group-@{value} {
|
159
150
|
.@{bk-prefix}-button {
|
160
|
-
|
161
|
-
height: @@sizeBtnHeight;
|
162
|
-
padding: 0 @@sizeBtnPadding;
|
151
|
+
padding: @@sizeBtnPadding;
|
163
152
|
}
|
164
153
|
}
|
165
154
|
})
|
166
155
|
;
|
167
156
|
|
168
157
|
.@{bk-prefix}-button {
|
169
|
-
height: @btnHeight;
|
170
|
-
min-width: @btnMinWidth;
|
171
158
|
margin: 0 0 0 -1px;
|
172
159
|
border-radius: 0;
|
173
160
|
|
@@ -99,9 +99,7 @@
|
|
99
99
|
}
|
100
100
|
.bk-button {
|
101
101
|
display: inline-block;
|
102
|
-
|
103
|
-
min-width: 64px;
|
104
|
-
padding: 0 15px;
|
102
|
+
padding: 5px 12px;
|
105
103
|
font-size: var(--font-size-medium);
|
106
104
|
color: var(--default-color);
|
107
105
|
text-align: center;
|
@@ -301,14 +299,10 @@
|
|
301
299
|
color: var(--white-color);
|
302
300
|
}
|
303
301
|
.bk-button.bk-button-small {
|
304
|
-
|
305
|
-
height: 26px;
|
306
|
-
padding: 0 12px;
|
302
|
+
padding: 2px 12px;
|
307
303
|
}
|
308
304
|
.bk-button.bk-button-large {
|
309
|
-
|
310
|
-
height: 38px;
|
311
|
-
padding: 0 20px;
|
305
|
+
padding: 8px 20px;
|
312
306
|
}
|
313
307
|
.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
|
314
308
|
margin-right: 6px;
|
@@ -339,23 +333,22 @@
|
|
339
333
|
cursor: not-allowed;
|
340
334
|
border-color: var(--disable-color);
|
341
335
|
}
|
336
|
+
.bk-button.is-circle {
|
337
|
+
padding: 10px;
|
338
|
+
line-height: 1;
|
339
|
+
border-radius: 50%;
|
340
|
+
}
|
342
341
|
.bk-button-group {
|
343
342
|
display: inline-block;
|
344
343
|
font-size: 0;
|
345
344
|
}
|
346
345
|
.bk-button-group.bk-button-group-small .bk-button {
|
347
|
-
|
348
|
-
height: 26px;
|
349
|
-
padding: 0 12px;
|
346
|
+
padding: 2px 12px;
|
350
347
|
}
|
351
348
|
.bk-button-group.bk-button-group-large .bk-button {
|
352
|
-
|
353
|
-
height: 38px;
|
354
|
-
padding: 0 20px;
|
349
|
+
padding: 8px 20px;
|
355
350
|
}
|
356
351
|
.bk-button-group .bk-button {
|
357
|
-
height: 32px;
|
358
|
-
min-width: 64px;
|
359
352
|
margin: 0 0 0 -1px;
|
360
353
|
border-radius: 0;
|
361
354
|
}
|
package/lib/button/index.d.ts
CHANGED
@@ -5,6 +5,7 @@ declare const BkButton: {
|
|
5
5
|
$data: {};
|
6
6
|
$props: Partial<{
|
7
7
|
title: string;
|
8
|
+
circle: boolean;
|
8
9
|
text: boolean;
|
9
10
|
theme: string;
|
10
11
|
size: string;
|
@@ -46,13 +47,16 @@ declare const BkButton: {
|
|
46
47
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
47
48
|
default: boolean;
|
48
49
|
};
|
50
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
51
|
+
default: boolean;
|
52
|
+
};
|
49
53
|
nativeType: {
|
50
54
|
type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
|
51
55
|
};
|
52
56
|
}>> & {
|
53
57
|
onClick?: (...args: any[]) => any;
|
54
58
|
onMouseover?: (...args: any[]) => any;
|
55
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "size" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
|
59
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "circle" | "text" | "theme" | "size" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
|
56
60
|
$attrs: {
|
57
61
|
[x: string]: unknown;
|
58
62
|
};
|
@@ -98,6 +102,9 @@ declare const BkButton: {
|
|
98
102
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
99
103
|
default: boolean;
|
100
104
|
};
|
105
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
106
|
+
default: boolean;
|
107
|
+
};
|
101
108
|
nativeType: {
|
102
109
|
type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
|
103
110
|
};
|
@@ -106,6 +113,7 @@ declare const BkButton: {
|
|
106
113
|
onMouseover?: (...args: any[]) => any;
|
107
114
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], string, {
|
108
115
|
title: string;
|
116
|
+
circle: boolean;
|
109
117
|
text: boolean;
|
110
118
|
theme: string;
|
111
119
|
size: string;
|
@@ -167,6 +175,9 @@ declare const BkButton: {
|
|
167
175
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
168
176
|
default: boolean;
|
169
177
|
};
|
178
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
179
|
+
default: boolean;
|
180
|
+
};
|
170
181
|
nativeType: {
|
171
182
|
type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
|
172
183
|
};
|
@@ -209,6 +220,9 @@ declare const BkButton: {
|
|
209
220
|
text: import("vue-types").VueTypeValidableDef<boolean> & {
|
210
221
|
default: boolean;
|
211
222
|
};
|
223
|
+
circle: import("vue-types").VueTypeValidableDef<boolean> & {
|
224
|
+
default: boolean;
|
225
|
+
};
|
212
226
|
nativeType: {
|
213
227
|
type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
|
214
228
|
};
|
@@ -217,6 +231,7 @@ declare const BkButton: {
|
|
217
231
|
onMouseover?: (...args: any[]) => any;
|
218
232
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", {
|
219
233
|
title: string;
|
234
|
+
circle: boolean;
|
220
235
|
text: boolean;
|
221
236
|
theme: string;
|
222
237
|
size: string;
|
package/lib/button/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>d,BkButtonGroup:()=>c,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),l=["","small","large"],u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(l).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,circle:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(i,a){var u,s=a.slots,c=a.attrs,d=a.emit,p=(0,t.ref)(!1),v=null!==(u=s.default)&&void 0!==u&&u,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value,"is-circle":i.circle},"".concat(f,"-").concat(i.size),i.size&&l.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(r))})),y=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.text&&i.disabled?"":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),g=(0,t.computed)((function(){return m.value||i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),h=function(){i.loading||d("click")},T=function(){p.value=!0,d("mouseover")},P=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},c,{onClick:h,onMouseover:T,onMouseleave:P}),[i.loading&&(0,t.createVNode)(n(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:y.value,size:g.value},null),s.default&&!i.loading&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),c=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var d=(0,e.withInstallProps)(s,{ButtonGroup:c});const p=d})(),a})()));
|
package/lib/table/const.d.ts
CHANGED
@@ -2,3 +2,29 @@
|
|
2
2
|
* 边框配置可选项
|
3
3
|
*/
|
4
4
|
export declare const BORDER_OPRIONS: string[];
|
5
|
+
export declare const enum EVENTS {
|
6
|
+
/** 点击排序事件 */
|
7
|
+
ON_SORT_BY_CLICK = "onSortByClick",
|
8
|
+
ON_FILTER_CLICK = "onFilterClick",
|
9
|
+
ON_SETTING_CHANGE = "onSettingChange"
|
10
|
+
}
|
11
|
+
export declare const enum EMITEVENTS {
|
12
|
+
COLUMN_PICK = "columnPick",
|
13
|
+
COLUMN_SORT = "columnSort",
|
14
|
+
COLUMN_FILTER = "columnFilter",
|
15
|
+
ROW_CLICK = "rowClick",
|
16
|
+
ROW_DBL_CLICK = "rowDblClick",
|
17
|
+
PAGE_LIMIT_CHANGE = "pageLimitChange",
|
18
|
+
PAGE_VALUE_CHANGE = "pageValueChange",
|
19
|
+
SETTING_CHANGE = "settingChange"
|
20
|
+
}
|
21
|
+
export declare const EMIT_EVENT_TYPES: {
|
22
|
+
columnPick: (..._args: any[]) => boolean;
|
23
|
+
columnFilter: (..._args: any[]) => boolean;
|
24
|
+
columnSort: (..._args: any[]) => boolean;
|
25
|
+
rowClick: (..._args: any[]) => boolean;
|
26
|
+
rowDblClick: (..._args: any[]) => boolean;
|
27
|
+
pageLimitChange: (..._args: any[]) => boolean;
|
28
|
+
pageValueChange: (..._args: any[]) => boolean;
|
29
|
+
settingChange: (..._args: any[]) => boolean;
|
30
|
+
};
|
package/lib/table/index.d.ts
CHANGED
@@ -81,10 +81,13 @@ declare const BkTable: {
|
|
81
81
|
};
|
82
82
|
}>> & {
|
83
83
|
onColumnPick?: (...args: any[]) => any;
|
84
|
-
|
85
|
-
|
84
|
+
onColumnSort?: (...args: any[]) => any;
|
85
|
+
onColumnFilter?: (...args: any[]) => any;
|
86
86
|
onRowClick?: (...args: any[]) => any;
|
87
87
|
onRowDblClick?: (...args: any[]) => any;
|
88
|
+
onPageLimitChange?: (...args: any[]) => any;
|
89
|
+
onPageValueChange?: (...args: any[]) => any;
|
90
|
+
onSettingChange?: (...args: any[]) => any;
|
88
91
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
|
89
92
|
$attrs: {
|
90
93
|
[x: string]: unknown;
|
@@ -97,7 +100,7 @@ declare const BkTable: {
|
|
97
100
|
}>;
|
98
101
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
99
102
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
100
|
-
$emit: (event: "
|
103
|
+
$emit: ((event: import("./const").EMITEVENTS.COLUMN_PICK, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.COLUMN_SORT, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.COLUMN_FILTER, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.ROW_CLICK, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.ROW_DBL_CLICK, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.PAGE_LIMIT_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.PAGE_VALUE_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.SETTING_CHANGE, ...args: any[]) => void);
|
101
104
|
$el: any;
|
102
105
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
103
106
|
data: import("vue-types").VueTypeDef<any[]> & {
|
@@ -161,11 +164,23 @@ declare const BkTable: {
|
|
161
164
|
};
|
162
165
|
}>> & {
|
163
166
|
onColumnPick?: (...args: any[]) => any;
|
164
|
-
|
165
|
-
|
167
|
+
onColumnSort?: (...args: any[]) => any;
|
168
|
+
onColumnFilter?: (...args: any[]) => any;
|
166
169
|
onRowClick?: (...args: any[]) => any;
|
167
170
|
onRowDblClick?: (...args: any[]) => any;
|
168
|
-
|
171
|
+
onPageLimitChange?: (...args: any[]) => any;
|
172
|
+
onPageValueChange?: (...args: any[]) => any;
|
173
|
+
onSettingChange?: (...args: any[]) => any;
|
174
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
175
|
+
columnPick: (..._args: any[]) => boolean;
|
176
|
+
columnFilter: (..._args: any[]) => boolean;
|
177
|
+
columnSort: (..._args: any[]) => boolean;
|
178
|
+
rowClick: (..._args: any[]) => boolean;
|
179
|
+
rowDblClick: (..._args: any[]) => boolean;
|
180
|
+
pageLimitChange: (..._args: any[]) => boolean;
|
181
|
+
pageValueChange: (..._args: any[]) => boolean;
|
182
|
+
settingChange: (..._args: any[]) => boolean;
|
183
|
+
}, string, {
|
169
184
|
data: any[];
|
170
185
|
height: string | number;
|
171
186
|
maxHeight: string | number;
|
@@ -264,10 +279,13 @@ declare const BkTable: {
|
|
264
279
|
};
|
265
280
|
}>> & {
|
266
281
|
onColumnPick?: (...args: any[]) => any;
|
267
|
-
|
268
|
-
|
282
|
+
onColumnSort?: (...args: any[]) => any;
|
283
|
+
onColumnFilter?: (...args: any[]) => any;
|
269
284
|
onRowClick?: (...args: any[]) => any;
|
270
285
|
onRowDblClick?: (...args: any[]) => any;
|
286
|
+
onPageLimitChange?: (...args: any[]) => any;
|
287
|
+
onPageValueChange?: (...args: any[]) => any;
|
288
|
+
onSettingChange?: (...args: any[]) => any;
|
271
289
|
} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
|
272
290
|
__isFragment?: never;
|
273
291
|
__isTeleport?: never;
|
@@ -334,11 +352,23 @@ declare const BkTable: {
|
|
334
352
|
};
|
335
353
|
}>> & {
|
336
354
|
onColumnPick?: (...args: any[]) => any;
|
337
|
-
|
338
|
-
|
355
|
+
onColumnSort?: (...args: any[]) => any;
|
356
|
+
onColumnFilter?: (...args: any[]) => any;
|
339
357
|
onRowClick?: (...args: any[]) => any;
|
340
358
|
onRowDblClick?: (...args: any[]) => any;
|
341
|
-
|
359
|
+
onPageLimitChange?: (...args: any[]) => any;
|
360
|
+
onPageValueChange?: (...args: any[]) => any;
|
361
|
+
onSettingChange?: (...args: any[]) => any;
|
362
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
363
|
+
columnPick: (..._args: any[]) => boolean;
|
364
|
+
columnFilter: (..._args: any[]) => boolean;
|
365
|
+
columnSort: (..._args: any[]) => boolean;
|
366
|
+
rowClick: (..._args: any[]) => boolean;
|
367
|
+
rowDblClick: (..._args: any[]) => boolean;
|
368
|
+
pageLimitChange: (..._args: any[]) => boolean;
|
369
|
+
pageValueChange: (..._args: any[]) => boolean;
|
370
|
+
settingChange: (..._args: any[]) => boolean;
|
371
|
+
}, string, {
|
342
372
|
data: any[];
|
343
373
|
height: string | number;
|
344
374
|
maxHeight: string | number;
|
package/lib/table/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{f.r(v),f.d(v,{default:()=>Y});var e=f(4212),t=f(748),n=f(3511),o=f.n(n);function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function i(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=f(467),l=["none","row","col","outer"],c=void 0,s=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[c].concat(i(n))):e[t]},u=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},p=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(p(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}l(e,s),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},g=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},y=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},m=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:u(e.activeColumn):Array.isArray(e.activeColumn)?u(e.activeColumn[0]):u(e.activeColumn):[]};function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const T=function(n,o){var r=(0,t.computed)((function(){return n.pagination&&n.data.length?40:0})),i=function(e){return"right"===e.fixed?"right":"left"},a={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+p(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+p(n)}),0)}},l=a.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(a[e](!1),"px"),bottom:"".concat(r.value,"px")}},n={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,a=i(o),l=n[a];return n[a]=!0,l?"":(0,t.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(a)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:l(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=i(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+p(e)*o,b({},n,r)}}}}};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}var P=function(e,t){if(e){if("object"===C(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};var x;!function(e){e.CURRENT="current",e.ALL="all"}(x||(x={}));var N={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:e.PropTypes.bool.def(!0),fixed:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(void 0),sortScope:e.PropTypes.commonType(Object.values(x)).def(x.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(200),maxHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(void 0)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(void 0)})]).def(!1)};function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function V(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var w=f(5801),S=f.n(w),E=f(9911),_=f.n(E);const j=(0,t.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,n){var o=n.slots,r=(0,t.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var n,i;return(0,t.createVNode)(_(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(n=o.default)||void 0===n?void 0:n.call(o))&&void 0!==i?i:e.emptyText]}})}}});var H=f(5800),A=f.n(H),F=f(6870),R=f(5537),L=f.n(R);const q=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r=o.emit,a=n.column,l=(0,t.ref)(!1),c=(0,t.reactive)({isOpen:!1,checked:[]}),u=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-head-action"),!0),b(t,"column-filter",!0),b(t,"--row-height","".concat(n.height,"px")),b(t,"active",c.checked.length),b(t,"opened",c.isOpen),t))})),d=(0,e.classes)(b({},(0,e.resolveClassName)("table-head-filter"),!0)),p=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes(y(t,s(a,"field",[a,t]),a))},m=function(){r("change",i(c.checked),g),l.value=!1},T=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,t.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:v},{boundary:document.body,onAfterShow:function(){return p(!0)},onAfterHidden:function(){return p(!1)}}),{default:function(){return(0,t.createVNode)(F.AngleDownLine,{class:u.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:d},[(0,t.createVNode)(H.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(n=e=h.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(A(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:T},[(0,t.createTextVNode)("重置")])])])}})}}});var z,B=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(z||(z={}));const D=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,o){var r=o.emit,i=(0,t.ref)(""),a=function(e,t){var o,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var l=n.column.field,c=function(e){return y(e,l,n.column)},s="function"==typeof(null===(o=n.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,n){return s(e,n)*(t===z.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(B.AngleDownFill,{class:["sort-action","sort-asc",i.value===z.ASC?"active":""],onClick:function(e){return a(e,z.ASC)}},null),(0,t.createVNode)(B.AngleUpFill,{class:["sort-action","sort-desc",i.value===z.DESC?"active":""],onClick:function(e){return a(e,z.DESC)}},null)])}}});var M=V((function e(t,n){k(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),I=f(4976),U=f.n(I);function W(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const X=(0,t.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.string.def(void 0)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:n.rowHeight},{value:"large",label:"大",height:56}],u=[{name:"offset",options:{offset:[10,10]}}],d=(0,t.ref)(!1),p=n.settings,f=(0,t.ref)(null!==(r=p.size)&&void 0!==r?r:"default"),v=(0,t.ref)(n.rowHeight),h=(0,t.ref)(null!==(i=p.checked)&&void 0!==i?i:[]),g=(0,e.resolveClassName)("table-settings"),y="light ".concat(g),m=function(){l("change",{checked:h.value,size:f.value,height:v.value}),d.value=!1},b=function(){var e;f.value="default",v.value=n.rowHeight,h.value=null!==(e=p.checked)&&void 0!==e?e:[],d.value=!1},T=function(){d.value=!0},C=function(){var e,t;h.value=(null!==(t=null!==(e=p.fields)&&void 0!==e?e:n.columns)&&void 0!==t?t:[]).map((function(e,t){return s(e,"field",[e,t])}))},P=(0,t.computed)((function(){var e;return(null!==(e=p.limit)&&void 0!==e?e:0)>0})),x=null!==(a=p.sizeList)&&void 0!==a?a:c,N=(0,t.computed)((function(){var e;return P.value&&(null!==(e=p.limit)&&void 0!==e?e:0)<=h.value.length})),k=function(e,t){return N.value&&!h.value.includes(s(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===f.value,active:e.value===f.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"manual",isShow:d.value,placement:"bottom-end",arrow:!1},{modifiers:u,theme:y},{boundary:document.body}),{default:function(){return(0,t.createVNode)(B.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,o,r;return(0,t.createVNode)("div",{class:"setting-content"},[(0,t.createVNode)("div",{class:"setting-head"},[(0,t.createVNode)("h2",null,[(0,t.createTextVNode)("表格设置")]),(0,t.createVNode)(B.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,t.createVNode)("div",{class:"setting-body"},[(0,t.createVNode)("div",{class:"setting-body-title"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("字段显示设置")]),P.value?(0,t.createVNode)("span",{class:"limit"},[(0,t.createTextVNode)("(最多"),p.limit,(0,t.createTextVNode)("项)")]):""]),P.value?"":(0,t.createVNode)("span",{class:"check-all",onClick:C},[(0,t.createTextVNode)("全选")])]),(0,t.createVNode)(H.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},W(e=(null!==(r=null!==(o=p.fields)&&void 0!==o?o:n.columns)&&void 0!==r?r:[]).map((function(e,n){var o;return(0,t.createVNode)("div",{class:"field-item"},[(0,t.createVNode)(A(),{label:s(e,"field",[e,n]),disabled:k(e,n)},W(o=s(e,"label",[e,n]))?o:{default:function(){return[o]}})])})))?e:{default:function(){return[e]}}),(0,t.createVNode)("div",{class:"setting-body-line-height"},[(0,t.createTextVNode)("表格行高:"),x.map((function(e){return(0,t.createVNode)("span",{class:O(e),onClick:function(){return function(e){f.value=e.value,v.value=e.height}(e)}},[e.label])}))])]),(0,t.createVNode)("div",{class:"setting-footer"},[(0,t.createVNode)(U(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,t.createTextVNode)("确定")]}}),(0,t.createVNode)(U(),{style:V,onClick:b},{default:function(){return[(0,t.createTextVNode)("取消")]}})])])}})}}});var $;!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}($||($={}));var G=function(){function n(t,o,r,i){var a=this;k(this,n),this.getRowHeight=function(e,t){var n=a.setting,o=n.size;return null!=n.height?s(a.setting,"height",["tbody",e,t,o]):s(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return b(n={},"".concat(a.uuid,"-column-").concat(t),!0),b(n,"column_fixed",!!e.fixed),b(n,"column_fixed_left",!!e.fixed),b(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=t,this.context=o,this.reactiveProp=r,this.colgroups=i,this.plugins=new M(t,o),this.uuid=(0,e.random)(8),this.events=new Map}return V(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,n=g(this.props).isShow;return void 0===n||n?[this.props.settings?(0,t.createVNode)(X,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(s(e,"field",[e]))})),e.emitEvent($.ON_SETTING_CHANGE,[t])}},null):"",(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(S(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,n){var o=this;return(0,t.createVNode)(D,{column:e,onChange:function(t,r){o.emitEvent($.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:r}])}},null)}},{key:"getFilterCell",value:function(e,n){var o=this;return(0,t.createVNode)(q,{column:e,height:this.props.headHeight,onChange:function(t,r){o.emitEvent($.ON_FILTER_CLICK,[{filterFn:function(e,n){return r(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=g(this.props),o=n.cellFn,r={"--row-height":"".concat(s(n,"height",["thead"]),"px")},i=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(s(t,"label",[t,n])),r)},a=(0,T(this.props,this.colgroups).getFixedColumnStyleResolve)(),l=a.resolveFixedColumnStyle,c=a.fixedoffset;return(0,t.createVNode)("thead",{style:r},[(0,t.createVNode)("tr",null,[this.filterColgroups.map((function(n,o){return(0,t.createVNode)("th",(0,t.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:l(n,c),onClick:function(){return e.handleColumnHeadClick(o)}},(r=n,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,b({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,t.createVNode)("div",{class:"cell"},[i(n,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var n,o,r,i=this,a=T(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,t.createVNode)("tbody",null,[e.length?e.map((function(n,o){var r={"--row-height":"".concat(i.getRowHeight(n,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,t.createVNode)("tr",{style:r,onClick:function(t){return i.handleRowClick(t,n,o,e)},onDblclick:function(t){return i.handleRowDblClick(t,n,o,e)}},[i.filterColgroups.map((function(r,a){return(0,t.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[i.renderCell(n,r,o,e)])])}))])})):(0,t.createVNode)("tr",null,[(0,t.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(n=this.context.slots).empty)||void 0===o?void 0:o.call(n))&&void 0!==r?r:(0,t.createVNode)(j,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=y(e,s(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var n=this;return(0,t.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,e.classes)({active:n.isColActive(r)}),l="".concat((i=p(o),d(i,"auto"))).replace(/px$/i,"");return(0,t.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}();const K=(0,t.defineComponent)({name:"Table",props:N,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,r){var c=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,p=null,f=null,v=(0,t.ref)(),y=(0,t.ref)(),C=function(e){var n,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var a=!1,l=!1,c=!1,s=0,u=null,d=0,p=(0,t.ref)(-1e3),f=function e(t){var n;l=!1,c=!1,document.body.style.cursor="";var o=t.clientX-s;u.resizeWidth=(null!==(n=u.resizeWidth)&&void 0!==n?n:u.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),s=0,p.value=-1e3,u=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),p.value=e.clientX-s+d},h=(b(n={},o.MOUSE_DOWN,(function(e,t){if(a){l=!0,document.body.style.setProperty("cursor","col-resize"),u=t,s=e.clientX;var n=e.target.closest("table");d=s-n.getBoundingClientRect().left,document.addEventListener("mouseup",f),document.addEventListener("mousemove",v)}})),b(n,o.MOUSE_MOVE,(function(e,t){l&&!c&&(c=!0);var n=e.target.closest("th");if(c&&n.style.setProperty("user-select","none"),!c){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(a=!0,n.style.setProperty("cursor","col-resize")):a=!1}})),b(n,o.MOUSE_OUT,(function(e,t){var n=e.target;c||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(i,"_").concat(e)},y=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(h).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(h[t])}))}))},m=function(){e.forEach((function(e){Object.keys(h).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&y();var T=(0,t.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(p.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:y,resetResizeEvents:m,dragOffsetX:p,dragOffsetXStyle:T}}(c,!0),x=C.dragOffsetXStyle,N=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var o=(0,t.reactive)(m(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var t=m(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,k=(0,t.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:N,setting:{size:null,height:null}}),O=function(e){var n=(0,t.ref)(0),o=(0,t.ref)(0),r=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=P(e.pagination,a);var l=(0,t.reactive)([]),c=function(t,a){l.splice.apply(l,[0,l.length].concat(i(r.value.slice(n.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},s=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:s,resolvePageData:c,watchEffectFn:function(t,r){a=P(e.pagination,a),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(a.current-1)*a.limit,o.value=a.current*a.limit}(),c(t,r)}}}(n),V=O.pageData,w=O.localPagination,S=O.resolvePageData,E=O.watchEffectFn,_=function(n,o,r){var a=(0,t.ref)(200),c=(0,t.ref)(!1),u=(0,t.computed)((function(){return n.pagination&&n.data.length})),p=(0,t.computed)((function(){var t,o,a;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table"),!0),b(t,"has-footer",u.value),b(t,"has-scroll-y",c.value||n.virtualEnabled),b(t,"is-scroll-bottom",r.pos.bottom<2),t),(a=["row"],"string"==typeof(o=n.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,i(o.filter((function(e){return l.includes(e)})))),i(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),f=(0,e.classes)(b({},(0,e.resolveClassName)("table-head"),!0)),v=g(n),h=(0,t.computed)((function(){return{"--row-height":"".concat(s(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),y=(0,e.classes)(b({},(0,e.resolveClassName)("table-body"),!0)),m=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-footer"),!0),b(t,"is-hidden",!n.pagination||!n.data.length),t))})),T=(0,t.computed)((function(){return{minHeight:d(n.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},P=(0,t.reactive)({});(0,t.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;a.value=t,function(){var e=C(n.height,a.value),t=n.showHead?C(n.headHeight,40)+2:0,o=C(n.maxHeight,a.value),r=C(n.minHeight,a.value),i=n.pagination&&n.data.length?40:0,l=e-t-i,c="auto"!==n.height&&"".concat(l,"px"),s=o-t-i,u=r-t-i;Object.assign(P,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:p,headClass:f,contentClass:y,footerClass:m,wrapperStyle:T,contentStyle:P,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");c.value=t.offsetHeight>e.offsetHeight}},hasFooter:u}}(n,v,k),j=_.tableClass,H=_.headClass,A=_.contentClass,F=_.footerClass,R=_.wrapperStyle,L=_.contentStyle,q=_.headStyle,z=_.updateBorderClass,B=_.hasFooter,D=T(n,c),M=D.renderFixedColumns,I=D.fixedWrapperClass,U=new G(n,r,k,c);(0,t.watch)((function(){return[n.data]}),(function(){E(p,u),(0,t.nextTick)((function(){return z(v.value)}))}),{immediate:!0,deep:!0}),U.on($.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;u=t,V.sort(u)})).on($.ON_FILTER_CLICK,(function(e){var t=e.filterFn;S(p=t,u)})).on($.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked;(void 0===o?[]:o).length&&h(v.value,c,20),null===(n=null===(t=y.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)}));var W=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,t.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,a.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(v.value,(function(){h(v.value,c,20)}),60,!0),f.start()})),(0,t.onBeforeUnmount)((function(){f.stop(),f=null,U.destroy()})),r.expose({plugins:U.plugins}),function(){return(0,t.createVNode)("div",{class:j.value,style:R.value,ref:v},[(0,t.createVNode)("div",{class:H,style:q.value},[U.renderTableHeadSchema()]),(0,t.createVNode)(o(),{ref:y,lineHeight:U.getRowHeight,class:A,style:L,list:V,onContentScroll:W,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return U.renderTableBodySchema(e.data||n.data)}}),(0,t.createVNode)("div",{class:I},[M(),(0,t.createVNode)("div",{class:"bk-drag-column offset-x",style:x.value},null)]),(0,t.createVNode)("div",{class:F.value},[B.value&&U.renderTableFooter(w.value)])])}}}),Y=(0,e.withInstall)(K)})(),v})()));
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{f.r(h),f.d(h,{default:()=>te});var e,t=f(4212),n=f(748),o=f(3511),r=f.n(o);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a,l,c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(a||(a={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange"}(l||(l={}));var s=function(){return!0},u=(i(e={},l.COLUMN_PICK,s),i(e,l.COLUMN_FILTER,s),i(e,l.COLUMN_SORT,s),i(e,l.ROW_CLICK,s),i(e,l.ROW_DBL_CLICK,s),i(e,l.PAGE_LIMIT_CHANGE,s),i(e,l.PAGE_VALUE_CHANGE,s),i(e,l.SETTING_CHANGE,s),e);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var v=f(467),g=void 0,y=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(p(n))):e[t]},m=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},C=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},T=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}l(e,s),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},P=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},x=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},N=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:m(e.activeColumn):Array.isArray(e.activeColumn)?m(e.activeColumn[0]):m(e.activeColumn):[]};const O=function(e,o){var r=(0,n.computed)((function(){return e.pagination&&e.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,i=a(o),l=t[i];return t[i]=!0,l?"":(0,n.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,t.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=a(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+C(e)*o,i({},n,r)}}}}};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}var V=function(e,t){if(e){if("object"===k(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const S=function(e){var t=(0,n.ref)(0),o=(0,n.ref)(0),r=(0,n.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),i=(0,n.reactive)({count:0,limit:10,current:1});i=V(e.pagination,i);var a=(0,n.ref)(null),l=(0,n.reactive)([]),c=function(n,i){l.splice.apply(l,[0,l.length].concat(p(r.value.slice(t.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(p(n)))}}(n),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(n,r){i=V(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(o.value=e.data.length);t.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(n,r)}}};var _;!function(e){e.CURRENT="current",e.ALL="all"}(_||(_={}));var w={data:t.PropTypes.arrayOf(t.PropTypes.any).def([]),columns:t.PropTypes.arrayOf(t.PropTypes.shape({label:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),field:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),render:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),width:t.PropTypes.oneOfType([t.PropTypes.number.def(void 0),t.PropTypes.string.def("auto")]),type:t.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:t.PropTypes.bool.def(!0),fixed:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:t.PropTypes.oneOfType([t.PropTypes.shape({sortFn:t.PropTypes.func.def(void 0),sortScope:t.PropTypes.commonType(Object.values(_)).def(_.CURRENT)}),t.PropTypes.bool,t.PropTypes.string]).def(!1),filter:t.PropTypes.oneOfType([t.PropTypes.shape({list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),filterFn:t.PropTypes.func.def(void 0)}),t.PropTypes.bool,t.PropTypes.string]).def(!1)})),activeColumn:t.PropTypes.oneOfType([t.PropTypes.number.def(-1),t.PropTypes.arrayOf(t.PropTypes.number.def(-1))]),columnPick:t.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),minHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def(200),maxHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),rowHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.func]).def(40),headHeight:t.PropTypes.number.def(40),showHead:t.PropTypes.bool.def(!0),thead:t.PropTypes.shape({height:t.PropTypes.number.def(40),isShow:t.PropTypes.bool.def(!0),cellFn:t.PropTypes.func.def(void 0)}),virtualEnabled:t.PropTypes.bool.def(!1),border:t.PropTypes.arrayOf(t.PropTypes.commonType(c,"border")).def(["row"]),pagination:t.PropTypes.oneOfType([t.PropTypes.bool.def(!1),t.PropTypes.object.def({})]).def(!1),remotePagination:t.PropTypes.bool.def(!1),emptyText:t.PropTypes.string.def("暂无数据"),settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.size(["small","default","large"]).def("default"),sizeList:t.PropTypes.shape([]).def(void 0)})]).def(!1)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function H(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function j(e,t,n){return t&&H(e.prototype,t),n&&H(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A=f(5801),L=f.n(A),R=f(9911),F=f.n(R);const I=(0,n.defineComponent)({name:"BodyEmpty",props:{list:t.PropTypes.array.def([]),filterList:t.PropTypes.array.def([]),emptyText:t.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var o=t.slots,r=(0,n.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,n.createVNode)(F(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==i?i:e.emptyText]}})}}});var M=f(5800),z=f.n(M),G=f(6870),U=f(5537),q=f.n(U);const B=(0,n.defineComponent)({name:"HeadFilter",props:{column:t.PropTypes.any.def({}),height:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r=o.emit,a=e.column,l=(0,n.ref)(!1),c=(0,n.reactive)({isOpen:!1,checked:[]}),s=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-head-action"),!0),i(n,"column-filter",!0),i(n,"--row-height","".concat(e.height,"px")),i(n,"active",c.checked.length),i(n,"opened",c.isOpen),n))})),u=(0,t.classes)(i({},(0,t.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,t.resolveClassName)("table-head-filter")),v=(0,n.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(t,n,o,r){return a.filter.filterFn(t,n,e.column,o,r)}:function(e,t){return!e.length||e.includes(x(t,y(a,"field",[a,t]),a))},m=function(){if("custom"===e.column.filter)return r("change",p(c.checked),null),void(l.value=!1);r("change",p(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,n.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:h},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,n.createVNode)(G.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,n.createVNode)("div",{class:u},[(0,n.createVNode)(M.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=v.value.map((function(e){return(0,n.createVNode)("div",{class:"list-item"},[(0,n.createVNode)(z(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,n.isVNode)(t)?e:{default:function(){return[e]}})),(0,n.createVNode)("div",{class:"content-footer"},[(0,n.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,n.createTextVNode)("确定")]),(0,n.createVNode)("span",{class:"btn-filter-split"},null),(0,n.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,n.createTextVNode)("重置")])])])}})}}});var D,W=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(D||(D={}));const K=(0,n.defineComponent)({name:"HeadSort",props:{column:t.PropTypes.any.def({})},emits:["change"],setup:function(e,o){var r=o.emit,i=(0,n.ref)(""),a=function(t,n){var o,a;if(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),i.value=n,"custom"!==e.column.sort){var l=e.column.field,c=function(t){return x(t,l,e.column)},s="function"==typeof(null===(o=e.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=e.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,t){return s(e,t)*(n===D.DESC?-1:1)}),n)}else r("change",null,n)};return function(){return(0,n.createVNode)("span",{class:(0,t.resolveClassName)("head-cell-sort")},[(0,n.createVNode)(W.AngleDownFill,{class:["sort-action","sort-asc",i.value===D.ASC?"active":""],onClick:function(e){return a(e,D.ASC)}},null),(0,n.createVNode)(W.AngleUpFill,{class:["sort-action","sort-desc",i.value===D.DESC?"active":""],onClick:function(e){return a(e,D.DESC)}},null)])}}});var X=j((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),$=f(4976),Y=f.n($);function J(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,n.isVNode)(e)}const Q=(0,n.defineComponent)({name:"Settings",props:{settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.string.def(void 0)})]).def(!1),columns:t.PropTypes.array.def([]),rowHeight:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:e.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,n.ref)(!1),d=e.settings,p=(0,n.ref)(null!==(r=d.size)&&void 0!==r?r:"default"),f=(0,n.ref)(e.rowHeight),h=(0,n.ref)(null!==(i=d.checked)&&void 0!==i?i:[]),v=(0,t.resolveClassName)("table-settings"),g="light ".concat(v),m=function(){l("change",{checked:h.value,size:p.value,height:f.value}),u.value=!1},b=function(){var t;p.value="default",f.value=e.rowHeight,h.value=null!==(t=d.checked)&&void 0!==t?t:[],u.value=!1},C=function(){u.value=!0},T=function(){var t,n;h.value=(null!==(n=null!==(t=d.fields)&&void 0!==t?t:e.columns)&&void 0!==n?n:[]).map((function(e,t){return y(e,"field",[e,t])}))},P=(0,n.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,n.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=h.value.length})),O=function(e,t){return N.value&&!h.value.includes(y(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,n.createVNode)(W.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:C},null)},content:function(){var t,o,r;return(0,n.createVNode)("div",{class:"setting-content"},[(0,n.createVNode)("div",{class:"setting-head"},[(0,n.createVNode)("h2",null,[(0,n.createTextVNode)("表格设置")]),(0,n.createVNode)(W.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,n.createVNode)("div",{class:"setting-body"},[(0,n.createVNode)("div",{class:"setting-body-title"},[(0,n.createVNode)("div",null,[(0,n.createVNode)("span",null,[(0,n.createTextVNode)("字段显示设置")]),P.value?(0,n.createVNode)("span",{class:"limit"},[(0,n.createTextVNode)("(最多"),d.limit,(0,n.createTextVNode)("项)")]):""]),P.value?"":(0,n.createVNode)("span",{class:"check-all",onClick:T},[(0,n.createTextVNode)("全选")])]),(0,n.createVNode)(M.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},J(t=(null!==(r=null!==(o=d.fields)&&void 0!==o?o:e.columns)&&void 0!==r?r:[]).map((function(e,t){var o;return(0,n.createVNode)("div",{class:"field-item"},[(0,n.createVNode)(z(),{label:y(e,"field",[e,t]),disabled:O(e,t)},J(o=y(e,"label",[e,t]))?o:{default:function(){return[o]}})])})))?t:{default:function(){return[t]}}),(0,n.createVNode)("div",{class:"setting-body-line-height"},[(0,n.createTextVNode)("表格行高:"),x.map((function(e){return(0,n.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,n.createVNode)("div",{class:"setting-footer"},[(0,n.createVNode)(Y(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,n.createTextVNode)("确定")]}}),(0,n.createVNode)(Y(),{style:V,onClick:b},{default:function(){return[(0,n.createTextVNode)("取消")]}})])])}})}}});var Z=function(){function e(n,o,r,a){var l=this;E(this,e),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?y(l.setting,"height",["tbody",e,t,o]):y(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return i(n={},"".concat(l.uuid,"-column-").concat(t),!0),i(n,"column_fixed",!!e.fixed),i(n,"column_fixed_left",!!e.fixed),i(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=n,this.context=o,this.reactiveProp=r,this.colgroups=a,this.plugins=new X(n,o),this.uuid=(0,t.random)(8),this.events=new Map}return j(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=P(this.props).isShow;return void 0===t||t?[this.props.settings?(0,n.createVNode)(Q,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(y(e,"field",[e]))})),e.emitEvent(a.ON_SETTING_CHANGE,[t])}},null):"",(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,n.createVNode)(L(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var o=this;return(0,n.createVNode)(K,{column:e,onChange:function(n,r){o.emitEvent(a.ON_SORT_BY_CLICK,[{sortFn:n,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var o=this;return(0,n.createVNode)(B,{column:e,height:this.props.headHeight,onChange:function(n,r){o.emitEvent(a.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(n,e,t)},checked:n,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,t=P(this.props),o=t.cellFn,r={"--row-height":"".concat(y(t,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(y(t,"label",[t,n])),r)},l=(0,O(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.filterColgroups.map((function(t,o){return(0,n.createVNode)("th",(0,n.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(t,o),style:c(t,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=t,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,i({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,n.createVNode)("div",{class:"cell"},[a(t,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t,o,r,i=this,a=O(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,n.createVNode)("tbody",null,[e.length?e.map((function(t,o){var r={"--row-height":"".concat(i.getRowHeight(t,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("tr",{style:r,onClick:function(n){return i.handleRowClick(n,t,o,e)},onDblclick:function(n){return i.handleRowDblClick(n,t,o,e)}},[i.filterColgroups.map((function(r,a){return(0,n.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[i.renderCell(t,r,o,e)])])}))])})):(0,n.createVNode)("tr",null,[(0,n.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(t=this.context.slots).empty)||void 0===o?void 0:o.call(t))&&void 0!==r?r:(0,n.createVNode)(I,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=x(e,y(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return(0,n.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,t.classes)({active:e.isColActive(r)}),l="".concat((i=C(o),b(i,"auto"))).replace(/px$/i,"");return(0,n.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),e}();const ee=(0,n.defineComponent)({name:"Table",props:w,emits:u,setup:function(e,o){var s=(0,n.reactive)(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,d=null,f=null,h=(0,n.ref)(),g=(0,n.ref)(),m=function(e){var t,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,n.ref)(-1e3),h=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},g=(i(t={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",h),document.addEventListener("mousemove",v)}})),i(t,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),i(t,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),t),y=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=y(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},b=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=y(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,n.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(s,!0),C=m.dragOffsetXStyle,x=function(e){var t=(0,n.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var o=(0,n.reactive)(N(e));return(0,n.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var n=N(e);t.forEach((function(e,t){Object.assign(e,{active:n.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,k=(0,n.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:x,setting:{size:null,height:null}}),V=S(e),_=V.pageData,w=V.localPagination,E=V.resolvePageData,H=V.watchEffectFn,j=function(e,o,r){var a=(0,n.ref)(200),l=(0,n.ref)(!1),s=(0,n.computed)((function(){return e.pagination&&e.data.length})),u=(0,n.computed)((function(){var n,o,a;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table"),!0),i(n,"has-footer",s.value),i(n,"has-scroll-y",l.value||e.virtualEnabled),i(n,"is-scroll-bottom",r.pos.bottom<2),n),(a=["row"],"string"==typeof(o=e.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,p(o.filter((function(e){return c.includes(e)})))),p(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),d=(0,t.classes)(i({},(0,t.resolveClassName)("table-head"),!0)),f=P(e),h=(0,n.computed)((function(){return{"--row-height":"".concat(y(f,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),v=(0,t.classes)(i({},(0,t.resolveClassName)("table-body"),!0)),g=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-footer"),!0),i(n,"is-hidden",!e.pagination||!e.data.length),n))})),m=(0,n.computed)((function(){return{minHeight:b(e.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,n.reactive)({});(0,n.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(t){if(t){var n=t.parentElement.getBoundingClientRect().height;a.value=n,function(){var t=C(e.height,a.value),n=e.showHead?C(e.headHeight,40)+2:0,o=C(e.maxHeight,a.value),r=C(e.minHeight,a.value),i=e.pagination&&e.data.length?40:0,l=t-n-i,c="auto"!==e.height&&"".concat(l,"px"),s=o-n-i,u=r-n-i;Object.assign(T,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:u,headClass:d,contentClass:v,footerClass:g,wrapperStyle:m,contentStyle:T,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");l.value=t.offsetHeight>e.offsetHeight}},hasFooter:s}}(e,h,k),A=j.tableClass,L=j.headClass,R=j.contentClass,F=j.footerClass,I=j.wrapperStyle,M=j.contentStyle,z=j.headStyle,G=j.updateBorderClass,U=j.resetTableHeight,q=j.hasFooter,B=O(e,s),D=B.renderFixedColumns,W=B.fixedWrapperClass,K=new Z(e,o,k,s);(0,n.watch)((function(){return[e.data,e.pagination]}),(function(){H(d,u),(0,n.nextTick)((function(){U(h.value),G(h.value)}))}),{immediate:!0,deep:!0}),K.on(a.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,r=e.index,i=e.type;"function"==typeof t&&(u=t,_.sort(u)),o.emit(l.COLUMN_SORT,{column:n,index:r,type:i})})).on(a.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,r=e.column,i=e.index;"function"==typeof t&&E(d=t,u),o.emit(l.COLUMN_FILTER,{checked:n,column:r,index:i})})).on(a.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked,i=void 0===r?[]:r,a=e.size,c=e.height;i.length&&T(h.value,s,20),null===(n=null===(t=g.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),o.emit(l.SETTING_CHANGE,{checked:i,size:a,height:c})}));var X=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,n.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,v.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(h.value,(function(){T(h.value,s,20)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null,K.destroy()})),o.expose({plugins:K.plugins}),function(){return(0,n.createVNode)("div",{class:A.value,style:I.value,ref:h},[(0,n.createVNode)("div",{class:L,style:z.value},[K.renderTableHeadSchema()]),(0,n.createVNode)(r(),{ref:g,lineHeight:K.getRowHeight,class:R,style:M,list:_,onContentScroll:X,throttleDelay:0,scrollEvent:!0,enabled:e.virtualEnabled},{default:function(t){return K.renderTableBodySchema(t.data||e.data)}}),(0,n.createVNode)("div",{class:W},[D(),(0,n.createVNode)("div",{class:"bk-drag-column offset-x",style:C.value},null)]),(0,n.createVNode)("div",{class:F.value},[q.value&&K.renderTableFooter(w.value)])])}}}),te=(0,t.withInstall)(ee)})(),h})()));
|