bkui-vue 0.0.2-beta.92 → 0.0.2-beta.94
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 +27 -27
- package/dist/index.esm.js +2442 -2427
- package/dist/index.umd.js +27 -27
- package/lib/input/index.js +11 -3
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +50 -0
- package/lib/table/index.js +22 -10
- package/lib/table-column/index.d.ts +150 -0
- package/lib/table-column/index.js +15 -6
- package/lib/tree/index.d.ts +9 -15
- package/lib/tree/index.js +21 -10
- package/lib/tree/props.d.ts +2 -4
- package/lib/tree/tree.d.ts +5 -9
- package/lib/tree/util.d.ts +1 -0
- package/package.json +1 -1
package/lib/input/index.js
CHANGED
@@ -1000,6 +1000,11 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1000
1000
|
(0,external_vue_namespaceObject.nextTick)(function () {
|
1001
1001
|
return resizeTextarea();
|
1002
1002
|
});
|
1003
|
+
// Hack: 修复autofocus属性失效问题 原生autofocus属性只在页面加载时生效
|
1004
|
+
if (Object.prototype.hasOwnProperty.call(ctx.attrs, 'autofocus')) {
|
1005
|
+
var _inputRef$value2, _inputRef$value2$focu;
|
1006
|
+
(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || (_inputRef$value2$focu = _inputRef$value2.focus) === null || _inputRef$value2$focu === void 0 ? void 0 : _inputRef$value2$focu.call(_inputRef$value2);
|
1007
|
+
}
|
1003
1008
|
});
|
1004
1009
|
(0,external_vue_namespaceObject.onBeforeUnmount)(function () {
|
1005
1010
|
resizeObserver.disconnect();
|
@@ -1011,8 +1016,8 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1011
1016
|
clear: clear
|
1012
1017
|
});
|
1013
1018
|
function detectOverflow() {
|
1014
|
-
var _inputRef$
|
1015
|
-
return ((_inputRef$
|
1019
|
+
var _inputRef$value3, _inputRef$value4;
|
1020
|
+
return ((_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.scrollWidth) > ((_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.clientWidth) + 2;
|
1016
1021
|
}
|
1017
1022
|
function clear() {
|
1018
1023
|
if (props.disabled) return;
|
@@ -1051,7 +1056,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1051
1056
|
}
|
1052
1057
|
}
|
1053
1058
|
if (eventName === EVENTS.KEYDOWN && (e.code === 'Enter' || e.key === 'Enter' || e.keyCode === 13)) {
|
1054
|
-
ctx.emit(EVENTS.ENTER, e.target.value, e);
|
1059
|
+
ctx.emit(EVENTS.ENTER, isNumberInput.value ? handleNumber(e.target.value, 0) : e.target.value, e);
|
1055
1060
|
}
|
1056
1061
|
if (isCNInput.value && [EVENTS.INPUT, EVENTS.CHANGE, EVENTS.KEYDOWN].some(function (e) {
|
1057
1062
|
return eventName === e;
|
@@ -1090,6 +1095,9 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1090
1095
|
var precision = Number.isInteger(props.precision) ? props.precision : 0;
|
1091
1096
|
var val = Number(modelValue);
|
1092
1097
|
var factor = Number.isInteger(numStep) ? numStep : 1;
|
1098
|
+
if (Number.isNaN(val)) {
|
1099
|
+
return Number.isInteger(props.min) ? props.min : 0;
|
1100
|
+
}
|
1093
1101
|
var newVal = val + (INC ? factor : -1 * factor);
|
1094
1102
|
if (Number.isInteger(props.max)) {
|
1095
1103
|
newVal = Math.min(newVal, props.max);
|
@@ -178,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
178
178
|
};
|
179
179
|
}, unknown, {}, {
|
180
180
|
updateColumnDefine(unmounted?: boolean): void;
|
181
|
+
copyProps(props: ITableColumn): {};
|
181
182
|
updateColumnDefineByParent(): void;
|
182
183
|
unmountColumn(): void;
|
183
184
|
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
package/lib/table/index.d.ts
CHANGED
@@ -1336,6 +1336,56 @@ declare const BkTable: {
|
|
1336
1336
|
};
|
1337
1337
|
}, unknown, {}, {
|
1338
1338
|
updateColumnDefine(unmounted?: boolean): void;
|
1339
|
+
copyProps(props: Partial<ExtractPropTypes<{
|
1340
|
+
label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
|
1341
|
+
field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
|
1342
|
+
render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;
|
1343
|
+
width: import("vue-types").VueTypeDef<string | number>;
|
1344
|
+
minWidth: import("vue-types").VueTypeDef<string | number> & {
|
1345
|
+
default: string | number;
|
1346
|
+
};
|
1347
|
+
columnKey: import("vue-types").VueTypeValidableDef<string> & {
|
1348
|
+
default: string;
|
1349
|
+
} & {
|
1350
|
+
default: string;
|
1351
|
+
};
|
1352
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
|
1353
|
+
type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
|
1354
|
+
resizable: import("vue-types").VueTypeValidableDef<boolean> & {
|
1355
|
+
default: boolean;
|
1356
|
+
} & {
|
1357
|
+
default: boolean;
|
1358
|
+
};
|
1359
|
+
fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
|
1360
|
+
default: boolean | "right" | "left";
|
1361
|
+
};
|
1362
|
+
sort: import("vue-types").VueTypeDef<import("./props").ISortPropShape>;
|
1363
|
+
filter: import("vue-types").VueTypeDef<import("./props").IFilterPropShape>;
|
1364
|
+
colspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
|
1365
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
1366
|
+
column: any;
|
1367
|
+
colIndex: any;
|
1368
|
+
row: any;
|
1369
|
+
rowIndex: any;
|
1370
|
+
}) => number) | (() => Number);
|
1371
|
+
};
|
1372
|
+
rowspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
|
1373
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
1374
|
+
column: any;
|
1375
|
+
colIndex: any;
|
1376
|
+
row: any;
|
1377
|
+
rowIndex: any;
|
1378
|
+
}) => number) | (() => Number);
|
1379
|
+
};
|
1380
|
+
align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
|
1381
|
+
className: import("vue-types").VueTypeDef<import("./props").RowClassFunctionString>;
|
1382
|
+
prop: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
|
1383
|
+
index: import("vue-types").VueTypeValidableDef<number> & {
|
1384
|
+
default: number;
|
1385
|
+
} & {
|
1386
|
+
default: number;
|
1387
|
+
};
|
1388
|
+
}>>): {};
|
1339
1389
|
updateColumnDefineByParent(): void;
|
1340
1390
|
unmountColumn(): void;
|
1341
1391
|
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
package/lib/table/index.js
CHANGED
@@ -331,10 +331,6 @@ __webpack_require__.d(__webpack_exports__, {
|
|
331
331
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
332
332
|
var y = x => () => x
|
333
333
|
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.RenderType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.debounce, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.hasOverflowEllipsis, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.resolveClassName, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
|
334
|
-
;// CONCATENATED MODULE: external "vue"
|
335
|
-
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
336
|
-
var external_vue_y = x => () => x
|
337
|
-
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
338
334
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
339
335
|
function typeof_typeof(obj) {
|
340
336
|
"@babel/helpers - typeof";
|
@@ -380,6 +376,10 @@ function defineProperty_defineProperty(obj, key, value) {
|
|
380
376
|
}
|
381
377
|
return obj;
|
382
378
|
}
|
379
|
+
;// CONCATENATED MODULE: external "vue"
|
380
|
+
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
381
|
+
var external_vue_y = x => () => x
|
382
|
+
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
383
383
|
;// CONCATENATED MODULE: ../../packages/table/src/const.ts
|
384
384
|
|
385
385
|
var _DEF_COLOR;
|
@@ -886,6 +886,7 @@ var tableProps = {
|
|
886
886
|
};
|
887
887
|
;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
|
888
888
|
|
889
|
+
|
889
890
|
/*
|
890
891
|
* Tencent is pleased to support the open source community by making
|
891
892
|
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
@@ -971,6 +972,14 @@ var TableColumnProp = {
|
|
971
972
|
}
|
972
973
|
this.updateColumnDefineByParent();
|
973
974
|
},
|
975
|
+
copyProps: function copyProps(props) {
|
976
|
+
return Object.keys(props !== null && props !== void 0 ? props : {}).reduce(function (result, key) {
|
977
|
+
var target = key.replace(/-(\w)/g, function (_, letter) {
|
978
|
+
return letter.toUpperCase();
|
979
|
+
});
|
980
|
+
return Object.assign(result, defineProperty_defineProperty({}, target, props[key]));
|
981
|
+
}, {});
|
982
|
+
},
|
974
983
|
updateColumnDefineByParent: function updateColumnDefineByParent() {
|
975
984
|
var _this = this;
|
976
985
|
var fn = function fn() {
|
@@ -995,7 +1004,7 @@ var TableColumnProp = {
|
|
995
1004
|
skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, 'key');
|
996
1005
|
var resolveProp = Object.assign({
|
997
1006
|
index: index
|
998
|
-
}, node.props, {
|
1007
|
+
}, _this.copyProps(node.props), {
|
999
1008
|
field: node.props.prop || node.props.field,
|
1000
1009
|
render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
|
1001
1010
|
});
|
@@ -1015,7 +1024,7 @@ var TableColumnProp = {
|
|
1015
1024
|
}
|
1016
1025
|
},
|
1017
1026
|
unmountColumn: function unmountColumn() {
|
1018
|
-
var resolveProp = Object.assign({}, this.$props, {
|
1027
|
+
var resolveProp = Object.assign({}, this.copyProps(this.$props), {
|
1019
1028
|
field: this.$props.prop || this.$props.field,
|
1020
1029
|
render: this.$slots["default"]
|
1021
1030
|
});
|
@@ -1435,13 +1444,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
1435
1444
|
});
|
1436
1445
|
var resizeColumnStyle = (0,external_vue_namespaceObject.computed)(function () {
|
1437
1446
|
return _objectSpread(_objectSpread({}, dragOffsetXStyle), {}, {
|
1438
|
-
transform: "translate(".concat(dragOffsetX.value
|
1447
|
+
transform: "translate(".concat(dragOffsetX.value + 3, "px, ").concat(layout.value.translateY, "px)")
|
1439
1448
|
});
|
1440
1449
|
});
|
1441
1450
|
var resizeHeadColStyle = (0,external_vue_namespaceObject.computed)(function () {
|
1442
1451
|
return _objectSpread(_objectSpread({}, dragOffsetXStyle), {}, {
|
1443
1452
|
width: '6px',
|
1444
|
-
transform: "translateX(".concat(dragOffsetX.value
|
1453
|
+
transform: "translateX(".concat(dragOffsetX.value, "px)")
|
1445
1454
|
});
|
1446
1455
|
});
|
1447
1456
|
return {
|
@@ -3393,6 +3402,7 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
|
|
3393
3402
|
var skipColNum = 0;
|
3394
3403
|
var needColSpan = neepColspanOrRowspan(['colspan']);
|
3395
3404
|
(columns || []).forEach(function (col, index) {
|
3405
|
+
var _Object$assign;
|
3396
3406
|
var _ref = needColSpan ? getColumnSpanConfig(col, index, skipColNum) : {
|
3397
3407
|
skipCol: false,
|
3398
3408
|
skipColumnNum: 0,
|
@@ -3415,12 +3425,14 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
|
|
3415
3425
|
skipColLen: skipColLen
|
3416
3426
|
}), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_UID, (0,node_modules_uuid.v4)()), _formatData$columnSch));
|
3417
3427
|
}
|
3418
|
-
|
3428
|
+
console.log('resolveMinWidth', resolveMinWidth(col), col);
|
3429
|
+
Object.assign(formatData.columnSchema.get(col), (_Object$assign = {}, defineProperty_defineProperty(_Object$assign, COLUMN_ATTRIBUTE.COL_SPAN, {
|
3419
3430
|
skipCol: skipCol,
|
3420
3431
|
skipColumnNum: skipColumnNum,
|
3421
3432
|
skipColLen: skipColLen
|
3422
|
-
}));
|
3433
|
+
}), defineProperty_defineProperty(_Object$assign, COLUMN_ATTRIBUTE.COL_MIN_WIDTH, resolveMinWidth(col)), _Object$assign));
|
3423
3434
|
});
|
3435
|
+
console.log('formatColumns', columns, formatData.columnSchema);
|
3424
3436
|
};
|
3425
3437
|
var getColumnSpanConfig = function getColumnSpanConfig(col, index, skipColNum) {
|
3426
3438
|
var skipColumnNum = skipColNum;
|
@@ -206,6 +206,56 @@ declare const BkTableColumn: {
|
|
206
206
|
};
|
207
207
|
}, unknown, {}, {
|
208
208
|
updateColumnDefine(unmounted?: boolean): void;
|
209
|
+
copyProps(props: Partial<import("vue").ExtractPropTypes<{
|
210
|
+
label: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
211
|
+
field: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
212
|
+
render: import("vue-types").VueTypeDef<import("../../table/src/props").RenderFunctionString>;
|
213
|
+
width: import("vue-types").VueTypeDef<string | number>;
|
214
|
+
minWidth: import("vue-types").VueTypeDef<string | number> & {
|
215
|
+
default: string | number;
|
216
|
+
};
|
217
|
+
columnKey: import("vue-types").VueTypeValidableDef<string> & {
|
218
|
+
default: string;
|
219
|
+
} & {
|
220
|
+
default: string;
|
221
|
+
};
|
222
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
|
223
|
+
type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
|
224
|
+
resizable: import("vue-types").VueTypeValidableDef<boolean> & {
|
225
|
+
default: boolean;
|
226
|
+
} & {
|
227
|
+
default: boolean;
|
228
|
+
};
|
229
|
+
fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
|
230
|
+
default: boolean | "right" | "left";
|
231
|
+
};
|
232
|
+
sort: import("vue-types").VueTypeDef<import("../../table/src/props").ISortPropShape>;
|
233
|
+
filter: import("vue-types").VueTypeDef<import("../../table/src/props").IFilterPropShape>;
|
234
|
+
colspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
235
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
236
|
+
column: any;
|
237
|
+
colIndex: any;
|
238
|
+
row: any;
|
239
|
+
rowIndex: any;
|
240
|
+
}) => number) | (() => Number);
|
241
|
+
};
|
242
|
+
rowspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
243
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
244
|
+
column: any;
|
245
|
+
colIndex: any;
|
246
|
+
row: any;
|
247
|
+
rowIndex: any;
|
248
|
+
}) => number) | (() => Number);
|
249
|
+
};
|
250
|
+
align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
|
251
|
+
className: import("vue-types").VueTypeDef<import("../../table/src/props").RowClassFunctionString>;
|
252
|
+
prop: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
253
|
+
index: import("vue-types").VueTypeValidableDef<number> & {
|
254
|
+
default: number;
|
255
|
+
} & {
|
256
|
+
default: number;
|
257
|
+
};
|
258
|
+
}>>): {};
|
209
259
|
updateColumnDefineByParent(): void;
|
210
260
|
unmountColumn(): void;
|
211
261
|
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
@@ -363,6 +413,56 @@ declare const BkTableColumn: {
|
|
363
413
|
};
|
364
414
|
}> & {} & {
|
365
415
|
updateColumnDefine(unmounted?: boolean): void;
|
416
|
+
copyProps(props: Partial<import("vue").ExtractPropTypes<{
|
417
|
+
label: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
418
|
+
field: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
419
|
+
render: import("vue-types").VueTypeDef<import("../../table/src/props").RenderFunctionString>;
|
420
|
+
width: import("vue-types").VueTypeDef<string | number>;
|
421
|
+
minWidth: import("vue-types").VueTypeDef<string | number> & {
|
422
|
+
default: string | number;
|
423
|
+
};
|
424
|
+
columnKey: import("vue-types").VueTypeValidableDef<string> & {
|
425
|
+
default: string;
|
426
|
+
} & {
|
427
|
+
default: string;
|
428
|
+
};
|
429
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
|
430
|
+
type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
|
431
|
+
resizable: import("vue-types").VueTypeValidableDef<boolean> & {
|
432
|
+
default: boolean;
|
433
|
+
} & {
|
434
|
+
default: boolean;
|
435
|
+
};
|
436
|
+
fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
|
437
|
+
default: boolean | "right" | "left";
|
438
|
+
};
|
439
|
+
sort: import("vue-types").VueTypeDef<import("../../table/src/props").ISortPropShape>;
|
440
|
+
filter: import("vue-types").VueTypeDef<import("../../table/src/props").IFilterPropShape>;
|
441
|
+
colspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
442
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
443
|
+
column: any;
|
444
|
+
colIndex: any;
|
445
|
+
row: any;
|
446
|
+
rowIndex: any;
|
447
|
+
}) => number) | (() => Number);
|
448
|
+
};
|
449
|
+
rowspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
450
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
451
|
+
column: any;
|
452
|
+
colIndex: any;
|
453
|
+
row: any;
|
454
|
+
rowIndex: any;
|
455
|
+
}) => number) | (() => Number);
|
456
|
+
};
|
457
|
+
align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
|
458
|
+
className: import("vue-types").VueTypeDef<import("../../table/src/props").RowClassFunctionString>;
|
459
|
+
prop: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
460
|
+
index: import("vue-types").VueTypeValidableDef<number> & {
|
461
|
+
default: number;
|
462
|
+
} & {
|
463
|
+
default: number;
|
464
|
+
};
|
465
|
+
}>>): {};
|
366
466
|
updateColumnDefineByParent(): void;
|
367
467
|
unmountColumn(): void;
|
368
468
|
} & import("vue").ComponentCustomProperties & {};
|
@@ -496,6 +596,56 @@ declare const BkTableColumn: {
|
|
496
596
|
};
|
497
597
|
}, unknown, {}, {
|
498
598
|
updateColumnDefine(unmounted?: boolean): void;
|
599
|
+
copyProps(props: Partial<import("vue").ExtractPropTypes<{
|
600
|
+
label: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
601
|
+
field: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
602
|
+
render: import("vue-types").VueTypeDef<import("../../table/src/props").RenderFunctionString>;
|
603
|
+
width: import("vue-types").VueTypeDef<string | number>;
|
604
|
+
minWidth: import("vue-types").VueTypeDef<string | number> & {
|
605
|
+
default: string | number;
|
606
|
+
};
|
607
|
+
columnKey: import("vue-types").VueTypeValidableDef<string> & {
|
608
|
+
default: string;
|
609
|
+
} & {
|
610
|
+
default: string;
|
611
|
+
};
|
612
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
|
613
|
+
type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
|
614
|
+
resizable: import("vue-types").VueTypeValidableDef<boolean> & {
|
615
|
+
default: boolean;
|
616
|
+
} & {
|
617
|
+
default: boolean;
|
618
|
+
};
|
619
|
+
fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
|
620
|
+
default: boolean | "right" | "left";
|
621
|
+
};
|
622
|
+
sort: import("vue-types").VueTypeDef<import("../../table/src/props").ISortPropShape>;
|
623
|
+
filter: import("vue-types").VueTypeDef<import("../../table/src/props").IFilterPropShape>;
|
624
|
+
colspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
625
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
626
|
+
column: any;
|
627
|
+
colIndex: any;
|
628
|
+
row: any;
|
629
|
+
rowIndex: any;
|
630
|
+
}) => number) | (() => Number);
|
631
|
+
};
|
632
|
+
rowspan: import("vue-types").VueTypeDef<import("../../table/src/props").SpanFunctionString> & {
|
633
|
+
default: (({ column, colIndex, row, rowIndex }: {
|
634
|
+
column: any;
|
635
|
+
colIndex: any;
|
636
|
+
row: any;
|
637
|
+
rowIndex: any;
|
638
|
+
}) => number) | (() => Number);
|
639
|
+
};
|
640
|
+
align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
|
641
|
+
className: import("vue-types").VueTypeDef<import("../../table/src/props").RowClassFunctionString>;
|
642
|
+
prop: import("vue-types").VueTypeDef<import("../../table/src/props").LabelFunctionString>;
|
643
|
+
index: import("vue-types").VueTypeValidableDef<number> & {
|
644
|
+
default: number;
|
645
|
+
} & {
|
646
|
+
default: number;
|
647
|
+
};
|
648
|
+
}>>): {};
|
499
649
|
updateColumnDefineByParent(): void;
|
500
650
|
unmountColumn(): void;
|
501
651
|
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
@@ -34,10 +34,6 @@ __webpack_require__.d(__webpack_exports__, {
|
|
34
34
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
35
35
|
var y = x => () => x
|
36
36
|
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
37
|
-
;// CONCATENATED MODULE: external "vue"
|
38
|
-
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
39
|
-
var external_vue_y = x => () => x
|
40
|
-
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
|
41
37
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
42
38
|
function _typeof(obj) {
|
43
39
|
"@babel/helpers - typeof";
|
@@ -83,6 +79,10 @@ function _defineProperty(obj, key, value) {
|
|
83
79
|
}
|
84
80
|
return obj;
|
85
81
|
}
|
82
|
+
;// CONCATENATED MODULE: external "vue"
|
83
|
+
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
84
|
+
var external_vue_y = x => () => x
|
85
|
+
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
|
86
86
|
;// CONCATENATED MODULE: ../../packages/table/src/const.ts
|
87
87
|
|
88
88
|
var _DEF_COLOR;
|
@@ -589,6 +589,7 @@ var tableProps = {
|
|
589
589
|
};
|
590
590
|
;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
|
591
591
|
|
592
|
+
|
592
593
|
/*
|
593
594
|
* Tencent is pleased to support the open source community by making
|
594
595
|
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
@@ -674,6 +675,14 @@ var TableColumnProp = {
|
|
674
675
|
}
|
675
676
|
this.updateColumnDefineByParent();
|
676
677
|
},
|
678
|
+
copyProps: function copyProps(props) {
|
679
|
+
return Object.keys(props !== null && props !== void 0 ? props : {}).reduce(function (result, key) {
|
680
|
+
var target = key.replace(/-(\w)/g, function (_, letter) {
|
681
|
+
return letter.toUpperCase();
|
682
|
+
});
|
683
|
+
return Object.assign(result, _defineProperty({}, target, props[key]));
|
684
|
+
}, {});
|
685
|
+
},
|
677
686
|
updateColumnDefineByParent: function updateColumnDefineByParent() {
|
678
687
|
var _this = this;
|
679
688
|
var fn = function fn() {
|
@@ -698,7 +707,7 @@ var TableColumnProp = {
|
|
698
707
|
skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, 'key');
|
699
708
|
var resolveProp = Object.assign({
|
700
709
|
index: index
|
701
|
-
}, node.props, {
|
710
|
+
}, _this.copyProps(node.props), {
|
702
711
|
field: node.props.prop || node.props.field,
|
703
712
|
render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
|
704
713
|
});
|
@@ -718,7 +727,7 @@ var TableColumnProp = {
|
|
718
727
|
}
|
719
728
|
},
|
720
729
|
unmountColumn: function unmountColumn() {
|
721
|
-
var resolveProp = Object.assign({}, this.$props, {
|
730
|
+
var resolveProp = Object.assign({}, this.copyProps(this.$props), {
|
722
731
|
field: this.$props.prop || this.$props.field,
|
723
732
|
render: this.$slots["default"]
|
724
733
|
});
|
package/lib/tree/index.d.ts
CHANGED
@@ -25,7 +25,7 @@ declare const BkTree: {
|
|
25
25
|
dragSort?: boolean;
|
26
26
|
selectable?: any;
|
27
27
|
disabledFolderSelectable?: boolean;
|
28
|
-
showCheckbox?:
|
28
|
+
showCheckbox?: any;
|
29
29
|
showNodeTypeIcon?: boolean;
|
30
30
|
autoCheckChildren?: any;
|
31
31
|
autoOpenParentNode?: boolean;
|
@@ -185,10 +185,8 @@ declare const BkTree: {
|
|
185
185
|
} & {
|
186
186
|
default: boolean;
|
187
187
|
};
|
188
|
-
showCheckbox: import("vue-types").
|
189
|
-
default:
|
190
|
-
} & {
|
191
|
-
default: boolean;
|
188
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
189
|
+
default: any;
|
192
190
|
};
|
193
191
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
194
192
|
default: () => any[];
|
@@ -267,7 +265,7 @@ declare const BkTree: {
|
|
267
265
|
dragSort: boolean;
|
268
266
|
selectable: any;
|
269
267
|
disabledFolderSelectable: boolean;
|
270
|
-
showCheckbox:
|
268
|
+
showCheckbox: any;
|
271
269
|
showNodeTypeIcon: boolean;
|
272
270
|
autoCheckChildren: any;
|
273
271
|
autoOpenParentNode: boolean;
|
@@ -375,10 +373,8 @@ declare const BkTree: {
|
|
375
373
|
} & {
|
376
374
|
default: boolean;
|
377
375
|
};
|
378
|
-
showCheckbox: import("vue-types").
|
379
|
-
default:
|
380
|
-
} & {
|
381
|
-
default: boolean;
|
376
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
377
|
+
default: any;
|
382
378
|
};
|
383
379
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
384
380
|
default: () => any[];
|
@@ -510,10 +506,8 @@ declare const BkTree: {
|
|
510
506
|
} & {
|
511
507
|
default: boolean;
|
512
508
|
};
|
513
|
-
showCheckbox: import("vue-types").
|
514
|
-
default:
|
515
|
-
} & {
|
516
|
-
default: boolean;
|
509
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
510
|
+
default: any;
|
517
511
|
};
|
518
512
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
519
513
|
default: () => any[];
|
@@ -592,7 +586,7 @@ declare const BkTree: {
|
|
592
586
|
dragSort: boolean;
|
593
587
|
selectable: any;
|
594
588
|
disabledFolderSelectable: boolean;
|
595
|
-
showCheckbox:
|
589
|
+
showCheckbox: any;
|
596
590
|
showNodeTypeIcon: boolean;
|
597
591
|
autoCheckChildren: any;
|
598
592
|
autoOpenParentNode: boolean;
|
package/lib/tree/index.js
CHANGED
@@ -585,7 +585,7 @@ var treeProps = {
|
|
585
585
|
/**
|
586
586
|
* 是否支持多选
|
587
587
|
*/
|
588
|
-
showCheckbox: external_shared_namespaceObject.PropTypes.bool.def(false),
|
588
|
+
showCheckbox: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.bool, external_shared_namespaceObject.PropTypes.func]).def(false),
|
589
589
|
checked: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.any).def([]),
|
590
590
|
/**
|
591
591
|
* 是否显示节点类型Icon
|
@@ -1173,6 +1173,12 @@ var resolvePropIsMatched = function resolvePropIsMatched(node, prop, id) {
|
|
1173
1173
|
}
|
1174
1174
|
return node === prop;
|
1175
1175
|
};
|
1176
|
+
var showCheckbox = function showCheckbox(props, node) {
|
1177
|
+
if (typeof props.showCheckbox === 'function') {
|
1178
|
+
return props.showCheckbox(node);
|
1179
|
+
}
|
1180
|
+
return props.showCheckbox;
|
1181
|
+
};
|
1176
1182
|
;// CONCATENATED MODULE: ../../packages/tree/src/use-node-async.tsx
|
1177
1183
|
|
1178
1184
|
/*
|
@@ -1488,7 +1494,7 @@ var use_node_action_this = undefined;
|
|
1488
1494
|
return isNodeChecked(item) && getNodeAttr(item, NODE_ATTRIBUTES.IS_INDETERMINATE);
|
1489
1495
|
};
|
1490
1496
|
var getCheckboxRender = function getCheckboxRender(item) {
|
1491
|
-
if (!props
|
1497
|
+
if (!showCheckbox(props, extendNodeScopedData(item))) {
|
1492
1498
|
return null;
|
1493
1499
|
}
|
1494
1500
|
return (0,external_vue_namespaceObject.createVNode)("span", {
|
@@ -2271,8 +2277,12 @@ var use_tree_init_this = undefined;
|
|
2271
2277
|
var isParentOpened = treeSchema.has(parent) ? (_treeSchema$get = treeSchema.get(parent)) === null || _treeSchema$get === void 0 ? void 0 : _treeSchema$get[NODE_ATTRIBUTES.IS_OPEN] : true;
|
2272
2278
|
return isItemOpened && isParentOpened;
|
2273
2279
|
}
|
2274
|
-
function isCheckedNode(node, uuid) {
|
2275
|
-
|
2280
|
+
function isCheckedNode(node, uuid, attributes) {
|
2281
|
+
var isChecked = showCheckbox(props, {
|
2282
|
+
data: node,
|
2283
|
+
attributes: attributes
|
2284
|
+
});
|
2285
|
+
if (!isChecked) {
|
2276
2286
|
return false;
|
2277
2287
|
}
|
2278
2288
|
var isMatch = resolvePropIsMatched(node, props.checked, uuid);
|
@@ -2300,7 +2310,7 @@ var use_tree_init_this = undefined;
|
|
2300
2310
|
flatten(item, depth, parent, path);
|
2301
2311
|
} else {
|
2302
2312
|
if (_typeof(item) === 'object' && item !== null) {
|
2303
|
-
var
|
2313
|
+
var _attributes;
|
2304
2314
|
var currentPath = path !== null ? "".concat(path, "-").concat(i) : "".concat(i);
|
2305
2315
|
var uuid = "".concat(getUid(item));
|
2306
2316
|
var hasChildren = !!(item[children] || []).length;
|
@@ -2322,13 +2332,14 @@ var use_tree_init_this = undefined;
|
|
2322
2332
|
*/
|
2323
2333
|
isOpened = isNodeOpend(uuid, item, parent);
|
2324
2334
|
}
|
2325
|
-
var
|
2326
|
-
|
2335
|
+
var attributes = (_attributes = {}, _defineProperty(_attributes, NODE_ATTRIBUTES.DEPTH, depth), _defineProperty(_attributes, NODE_ATTRIBUTES.INDEX, i), _defineProperty(_attributes, NODE_ATTRIBUTES.UUID, uuid), _defineProperty(_attributes, NODE_ATTRIBUTES.PARENT, parent), _defineProperty(_attributes, NODE_ATTRIBUTES.HAS_CHILD, hasChildren), _defineProperty(_attributes, NODE_ATTRIBUTES.PATH, currentPath), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_ROOT, parent === null), _defineProperty(_attributes, NODE_ATTRIBUTES.ORDER, order), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_SELECTED, isCachedTreeNodeSelected(uuid, item)), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_MATCH, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_MATCH)), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_OPEN, isOpened), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_CHECKED, undefined), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_CACHED, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_CACHED)), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_ASYNC, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_ASYNC)), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_LOADING, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_LOADING)), _defineProperty(_attributes, NODE_ATTRIBUTES.IS_INDETERMINATE, false), _attributes);
|
2336
|
+
attributes[NODE_ATTRIBUTES.IS_CHECKED] = isCheckedNode(item, uuid, attributes);
|
2337
|
+
if (attributes[NODE_ATTRIBUTES.IS_CHECKED]) {
|
2327
2338
|
checkedList.push(item);
|
2328
2339
|
}
|
2329
|
-
treeSchema.set(item,
|
2330
|
-
order += 1;
|
2340
|
+
treeSchema.set(item, attributes);
|
2331
2341
|
outputData.push(item);
|
2342
|
+
order += 1;
|
2332
2343
|
if (Object.prototype.hasOwnProperty.call(item, children)) {
|
2333
2344
|
flatten(item[children] || [], depth + 1, item, currentPath);
|
2334
2345
|
}
|
@@ -2337,7 +2348,7 @@ var use_tree_init_this = undefined;
|
|
2337
2348
|
}
|
2338
2349
|
}
|
2339
2350
|
flatten(treeData !== null && treeData !== void 0 ? treeData : data);
|
2340
|
-
if (props.showCheckbox) {
|
2351
|
+
if (props.showCheckbox !== false) {
|
2341
2352
|
checkedList === null || checkedList === void 0 ? void 0 : checkedList.forEach(function (value) {
|
2342
2353
|
loopUpdateNodeAttr(value, NODE_ATTRIBUTES.IS_CHECKED, true, loopUpdateCheckedEvent);
|
2343
2354
|
});
|
package/lib/tree/props.d.ts
CHANGED
@@ -150,10 +150,8 @@ export declare const treeProps: {
|
|
150
150
|
/**
|
151
151
|
* 是否支持多选
|
152
152
|
*/
|
153
|
-
showCheckbox: import("vue-types").
|
154
|
-
default:
|
155
|
-
} & {
|
156
|
-
default: boolean;
|
153
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
154
|
+
default: any;
|
157
155
|
};
|
158
156
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
159
157
|
default: () => any[];
|
package/lib/tree/tree.d.ts
CHANGED
@@ -81,10 +81,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
81
81
|
} & {
|
82
82
|
default: boolean;
|
83
83
|
};
|
84
|
-
showCheckbox: import("vue-types").
|
85
|
-
default:
|
86
|
-
} & {
|
87
|
-
default: boolean;
|
84
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
85
|
+
default: any;
|
88
86
|
};
|
89
87
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
90
88
|
default: () => any[];
|
@@ -212,10 +210,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
212
210
|
} & {
|
213
211
|
default: boolean;
|
214
212
|
};
|
215
|
-
showCheckbox: import("vue-types").
|
216
|
-
default:
|
217
|
-
} & {
|
218
|
-
default: boolean;
|
213
|
+
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
214
|
+
default: any;
|
219
215
|
};
|
220
216
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
221
217
|
default: () => any[];
|
@@ -285,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
285
281
|
dragSort: boolean;
|
286
282
|
selectable: any;
|
287
283
|
disabledFolderSelectable: boolean;
|
288
|
-
showCheckbox:
|
284
|
+
showCheckbox: any;
|
289
285
|
showNodeTypeIcon: boolean;
|
290
286
|
autoCheckChildren: any;
|
291
287
|
autoOpenParentNode: boolean;
|