bkui-vue 2.0.1-beta.15.table.11 → 2.0.1-beta.15.table.12
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 +28 -28
- package/dist/index.esm.js +2520 -2507
- package/dist/index.umd.js +23 -23
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/index.js +1 -0
- package/lib/dialog/dialog.d.ts +5 -5
- package/lib/dialog/index.d.ts +11 -11
- package/lib/dialog/props.d.ts +2 -2
- package/lib/index.js +1 -1
- package/lib/modal/index.d.ts +13 -13
- package/lib/modal/modal.d.ts +5 -5
- package/lib/modal/props.mixin.d.ts +2 -2
- package/lib/radio/index.d.ts +21 -21
- package/lib/radio/radio-button.d.ts +7 -7
- package/lib/radio/radio-group.d.ts +7 -7
- package/lib/radio/radio.d.ts +7 -7
- package/lib/select/common.d.ts +4 -4
- package/lib/select/index.d.ts +3 -3
- package/lib/select/index.js +41 -34
- package/lib/select/select.css +3 -4
- package/lib/select/select.d.ts +1 -1
- package/lib/select/select.less +3 -4
- package/lib/select/select.variable.css +3 -4
- package/lib/sideslider/index.d.ts +11 -11
- package/lib/sideslider/sideslider.d.ts +5 -5
- package/lib/table/hooks/use-settings.d.ts +1 -0
- package/lib/table/index.d.ts +4 -15
- package/lib/table/index.js +19 -10
- package/lib/table/props.d.ts +1 -3
- package/lib/table/table.css +5 -6
- package/lib/table/table.d.ts +2 -7
- package/lib/table/table.less +6 -9
- package/lib/table/table.variable.css +5 -6
- package/lib/table-column/index.js +2 -2
- package/package.json +1 -1
package/lib/select/index.js
CHANGED
@@ -507,7 +507,7 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
|
|
507
507
|
;// CONCATENATED MODULE: external "../icon"
|
508
508
|
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
509
509
|
var icon_y = x => () => x
|
510
|
-
const icon_namespaceObject = icon_x({ ["
|
510
|
+
const icon_namespaceObject = icon_x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDown, ["AngleUpFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUpFill, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search, ["TextAll"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextAll });
|
511
511
|
;// CONCATENATED MODULE: external "lodash/isEqual"
|
512
512
|
var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
513
513
|
var isEqual_y = x => () => x
|
@@ -621,6 +621,7 @@ function useDebouncedRef(value) {
|
|
621
621
|
track();
|
622
622
|
return innerValue;
|
623
623
|
},
|
624
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
624
625
|
set: function set(newValue) {
|
625
626
|
clearTimeout(timeout);
|
626
627
|
if (newValue === undefined || newValue === '') {
|
@@ -2769,8 +2770,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2769
2770
|
var _popoverRef$value;
|
2770
2771
|
(_popoverRef$value = popoverRef.value) === null || _popoverRef$value === void 0 || _popoverRef$value.updatePopover(null, popoverConfig.value);
|
2771
2772
|
});
|
2772
|
-
//
|
2773
|
-
var
|
2773
|
+
// list模式下搜索后的值
|
2774
|
+
var filterList = (0,external_vue_namespaceObject.computed)(function () {
|
2774
2775
|
return isRemoteSearch.value ? list.value : list.value.filter(function (item) {
|
2775
2776
|
return defaultSearchMethod(curSearchValue.value, String(item[displayKey.value]), item);
|
2776
2777
|
});
|
@@ -2846,7 +2847,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2846
2847
|
var virtualLineHeight = (0,external_vue_namespaceObject.ref)(32);
|
2847
2848
|
// 是否启用虚拟滚动(如果配置了启用,但是数据小于滚动高度则不开启)
|
2848
2849
|
var isEnableVirtualRender = (0,external_vue_namespaceObject.computed)(function () {
|
2849
|
-
if (enableVirtualRender.value) return
|
2850
|
+
if (enableVirtualRender.value) return filterList.value.length * virtualLineHeight.value > virtualHeight.value;
|
2850
2851
|
return false;
|
2851
2852
|
});
|
2852
2853
|
// 预加载滚动数据
|
@@ -2858,7 +2859,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2858
2859
|
if (searchLoading.value) {
|
2859
2860
|
return localLoadingText.value;
|
2860
2861
|
}
|
2861
|
-
if (isSearchEmpty.value || list.value.length && !
|
2862
|
+
if (isSearchEmpty.value || list.value.length && !filterList.value.length) {
|
2862
2863
|
return localNoMatchText.value;
|
2863
2864
|
}
|
2864
2865
|
if (isOptionsEmpty.value) {
|
@@ -2962,10 +2963,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2962
2963
|
var _toLowerCase2;
|
2963
2964
|
var filterData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
2964
2965
|
if (hasFilterOptionFunc.value) {
|
2966
|
+
// 是否配置了单个options过滤
|
2965
2967
|
return !!filterOption.value(searchValue, select_objectSpread({}, filterData));
|
2966
2968
|
}
|
2967
2969
|
if (searchWithPinyin.value) {
|
2968
2970
|
var _toLowerCase;
|
2971
|
+
// 是否配置了拼音过滤
|
2969
2972
|
var pinyinList = pinyin.parse(optionName).map(function (v) {
|
2970
2973
|
if (v.type === 2) {
|
2971
2974
|
return v.target.toLowerCase();
|
@@ -3366,7 +3369,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3366
3369
|
isShowAll: isShowAll,
|
3367
3370
|
isShowSelectAll: isShowSelectAll,
|
3368
3371
|
virtualHeight: virtualHeight,
|
3369
|
-
|
3372
|
+
filterList: filterList,
|
3370
3373
|
isCollapseTags: isCollapseTags,
|
3371
3374
|
popoverConfig: popoverConfig,
|
3372
3375
|
isAllSelected: isAllSelected,
|
@@ -3402,7 +3405,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3402
3405
|
render: function render() {
|
3403
3406
|
var _this = this;
|
3404
3407
|
var selectClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('select')), true), 'popover-show', this.isPopoverShow), 'is-disabled', this.isDisabled), 'is-focus', this.isFocus), 'is-filterable', this.filterable), this.size, true), this.behavior, true));
|
3408
|
+
// 右侧ICON
|
3405
3409
|
var suffixIcon = function suffixIcon() {
|
3410
|
+
var _this$$slots, _this$$slots2, _this$$slots2$suffix;
|
3406
3411
|
if (_this.loading) {
|
3407
3412
|
return (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
|
3408
3413
|
"class": "spinner",
|
@@ -3418,12 +3423,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3418
3423
|
"onClick": _this.handleClear
|
3419
3424
|
}, null);
|
3420
3425
|
}
|
3421
|
-
return (0,external_vue_namespaceObject.createVNode)(
|
3422
|
-
"class": "angle-
|
3426
|
+
return (_this$$slots = _this.$slots) !== null && _this$$slots !== void 0 && _this$$slots.suffix ? (0,external_vue_namespaceObject.createVNode)("span", {
|
3427
|
+
"class": "angle-down"
|
3428
|
+
}, [(_this$$slots2 = _this.$slots) === null || _this$$slots2 === void 0 || (_this$$slots2$suffix = _this$$slots2.suffix) === null || _this$$slots2$suffix === void 0 ? void 0 : _this$$slots2$suffix.call(_this$$slots2)]) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDown, {
|
3429
|
+
"class": "angle-down"
|
3423
3430
|
}, null);
|
3424
3431
|
};
|
3425
3432
|
var renderPrefix = function renderPrefix() {
|
3426
|
-
var _this$$
|
3433
|
+
var _this$$slots3;
|
3427
3434
|
if (_this.prefix) {
|
3428
3435
|
return function () {
|
3429
3436
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -3431,9 +3438,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3431
3438
|
}, [(0,external_vue_namespaceObject.createVNode)("span", null, [_this.prefix])]);
|
3432
3439
|
};
|
3433
3440
|
}
|
3434
|
-
return (_this$$
|
3435
|
-
var _this$$
|
3436
|
-
return (_this$$
|
3441
|
+
return (_this$$slots3 = _this.$slots) !== null && _this$$slots3 !== void 0 && _this$$slots3.prefix ? function () {
|
3442
|
+
var _this$$slots4, _this$$slots4$prefix;
|
3443
|
+
return (_this$$slots4 = _this.$slots) === null || _this$$slots4 === void 0 || (_this$$slots4$prefix = _this$$slots4.prefix) === null || _this$$slots4$prefix === void 0 ? void 0 : _this$$slots4$prefix.call(_this$$slots4);
|
3437
3444
|
} : undefined;
|
3438
3445
|
};
|
3439
3446
|
// 全选
|
@@ -3464,9 +3471,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3464
3471
|
};
|
3465
3472
|
// 默认trigger输入框渲染
|
3466
3473
|
var renderTriggerInput = function renderTriggerInput() {
|
3467
|
-
var _this$$
|
3474
|
+
var _this$$slots7;
|
3468
3475
|
if (_this.multipleMode === 'tag') {
|
3469
|
-
var _this$$
|
3476
|
+
var _this$$slots5;
|
3470
3477
|
return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
|
3471
3478
|
"ref": "selectTagInputRef",
|
3472
3479
|
"modelValue": _this.customOptionName,
|
@@ -3484,9 +3491,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3484
3491
|
"onRemove": _this.handleDeleteTag
|
3485
3492
|
}, {
|
3486
3493
|
prefix: renderPrefix(),
|
3487
|
-
"default": ((_this$$
|
3488
|
-
var _this$$
|
3489
|
-
return (_this$$
|
3494
|
+
"default": ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.tag) && function () {
|
3495
|
+
var _this$$slots6;
|
3496
|
+
return (_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 ? void 0 : _this$$slots6.tag({
|
3490
3497
|
selected: _this.selected
|
3491
3498
|
});
|
3492
3499
|
},
|
@@ -3511,10 +3518,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3511
3518
|
"onInput": _this.handleInputChange
|
3512
3519
|
}, _this.prefix ? {
|
3513
3520
|
prefix: _this.prefix
|
3514
|
-
} : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$
|
3521
|
+
} : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.prefix) === 'function' ? {
|
3515
3522
|
prefix: function prefix() {
|
3516
|
-
var _this$$
|
3517
|
-
return (_this$$
|
3523
|
+
var _this$$slots8, _this$$slots8$prefix;
|
3524
|
+
return (_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 || (_this$$slots8$prefix = _this$$slots8.prefix) === null || _this$$slots8$prefix === void 0 ? void 0 : _this$$slots8$prefix.call(_this$$slots8);
|
3518
3525
|
}
|
3519
3526
|
} : null), {}, {
|
3520
3527
|
suffix: function suffix() {
|
@@ -3524,7 +3531,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3524
3531
|
};
|
3525
3532
|
// 渲染trigger
|
3526
3533
|
var renderSelectTrigger = function renderSelectTrigger() {
|
3527
|
-
var _this$$
|
3534
|
+
var _this$$slots9, _this$$slots9$trigger;
|
3528
3535
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
3529
3536
|
"ref": "triggerRef",
|
3530
3537
|
"style": {
|
@@ -3534,7 +3541,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3534
3541
|
"onClick": _this.handleTogglePopover,
|
3535
3542
|
"onMouseenter": _this.setHover,
|
3536
3543
|
"onMouseleave": _this.cancelHover
|
3537
|
-
}, [((_this$$
|
3544
|
+
}, [((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 || (_this$$slots9$trigger = _this$$slots9.trigger) === null || _this$$slots9$trigger === void 0 ? void 0 : _this$$slots9$trigger.call(_this$$slots9, {
|
3538
3545
|
selected: _this.selected
|
3539
3546
|
})) || renderTriggerInput()]);
|
3540
3547
|
};
|
@@ -3543,13 +3550,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3543
3550
|
return _this.isEnableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
|
3544
3551
|
"height": _this.virtualHeight,
|
3545
3552
|
"lineHeight": _this.virtualLineHeight,
|
3546
|
-
"list": _this.
|
3553
|
+
"list": _this.filterList,
|
3547
3554
|
"preloadItemCount": _this.preloadItemCount
|
3548
3555
|
}, {
|
3549
3556
|
"default": function _default(_ref3) {
|
3550
|
-
var _this$$
|
3557
|
+
var _this$$slots10, _this$$slots11;
|
3551
3558
|
var data = _ref3.data;
|
3552
|
-
var optionRender = ((_this$$
|
3559
|
+
var optionRender = ((_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 ? void 0 : _this$$slots10.optionRender) || ((_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 ? void 0 : _this$$slots11.virtualScrollRender);
|
3553
3560
|
return data.map(function (item) {
|
3554
3561
|
return (0,external_vue_namespaceObject.createVNode)(src_option, {
|
3555
3562
|
"id": item[_this.idKey],
|
@@ -3564,16 +3571,16 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3564
3571
|
} : null);
|
3565
3572
|
});
|
3566
3573
|
}
|
3567
|
-
}) : _this.
|
3568
|
-
var _this$$
|
3574
|
+
}) : _this.filterList.map(function (item) {
|
3575
|
+
var _this$$slots12;
|
3569
3576
|
return (0,external_vue_namespaceObject.createVNode)(src_option, {
|
3570
3577
|
"id": item[_this.idKey],
|
3571
3578
|
"key": item[_this.idKey],
|
3572
3579
|
"name": item[_this.displayKey]
|
3573
|
-
}, (_this$$
|
3580
|
+
}, (_this$$slots12 = _this.$slots) !== null && _this$$slots12 !== void 0 && _this$$slots12.optionRender ? {
|
3574
3581
|
"default": function _default() {
|
3575
|
-
var _this$$
|
3576
|
-
return (_this$$
|
3582
|
+
var _this$$slots13, _this$$slots13$option;
|
3583
|
+
return (_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 || (_this$$slots13$option = _this$$slots13.optionRender) === null || _this$$slots13$option === void 0 ? void 0 : _this$$slots13$option.call(_this$$slots13, {
|
3577
3584
|
item: item
|
3578
3585
|
});
|
3579
3586
|
}
|
@@ -3582,7 +3589,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3582
3589
|
};
|
3583
3590
|
// 渲染内容
|
3584
3591
|
var renderSelectContent = function renderSelectContent() {
|
3585
|
-
var _this$$
|
3592
|
+
var _this$$slots14, _this$$slots14$defaul, _this$$slots15, _this$$slots16;
|
3586
3593
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
3587
3594
|
"ref": "contentRef",
|
3588
3595
|
"class": _this.resolveClassName('select-content-wrapper')
|
@@ -3618,7 +3625,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3618
3625
|
"onScroll": _this.handleScroll
|
3619
3626
|
}, [(0,external_vue_namespaceObject.createVNode)("ul", {
|
3620
3627
|
"class": _this.resolveClassName('select-options')
|
3621
|
-
}, [renderSelectAll(), renderList(), (_this$$
|
3628
|
+
}, [renderSelectAll(), renderList(), (_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 || (_this$$slots14$defaul = _this$$slots14["default"]) === null || _this$$slots14$defaul === void 0 ? void 0 : _this$$slots14$defaul.call(_this$$slots14), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
|
3622
3629
|
"class": _this.resolveClassName('select-options-loading')
|
3623
3630
|
}, [(0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
|
3624
3631
|
"class": "spinner mr5",
|
@@ -3626,9 +3633,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3626
3633
|
"mode": "spin",
|
3627
3634
|
"size": "mini",
|
3628
3635
|
"theme": "primary"
|
3629
|
-
}, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$
|
3636
|
+
}, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
|
3630
3637
|
"class": _this.resolveClassName('select-extension')
|
3631
|
-
}, [(_this$$
|
3638
|
+
}, [(_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 ? void 0 : _this$$slots16.extension()])])]);
|
3632
3639
|
};
|
3633
3640
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
3634
3641
|
"class": selectClass
|
package/lib/select/select.css
CHANGED
@@ -183,8 +183,8 @@
|
|
183
183
|
.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
|
184
184
|
background-color: var(--input-block-color);
|
185
185
|
}
|
186
|
-
.bk-select.popover-show .bk-select-trigger .angle-
|
187
|
-
transform: rotate(
|
186
|
+
.bk-select.popover-show .bk-select-trigger .angle-down {
|
187
|
+
transform: rotate(180deg);
|
188
188
|
}
|
189
189
|
.bk-select.is-disabled .bk-input--text {
|
190
190
|
cursor: not-allowed;
|
@@ -329,9 +329,8 @@
|
|
329
329
|
max-width: 190px;
|
330
330
|
padding: 0 4px;
|
331
331
|
}
|
332
|
-
.bk-select .bk-select-trigger .angle-
|
332
|
+
.bk-select .bk-select-trigger .angle-down {
|
333
333
|
right: 4px;
|
334
|
-
transform: rotate(180deg);
|
335
334
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
336
335
|
display: flex;
|
337
336
|
width: 20px;
|
package/lib/select/select.d.ts
CHANGED
@@ -535,7 +535,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
535
535
|
isShowAll: import("vue").ComputedRef<boolean>;
|
536
536
|
isShowSelectAll: import("vue").ComputedRef<boolean>;
|
537
537
|
virtualHeight: import("vue").ComputedRef<number>;
|
538
|
-
|
538
|
+
filterList: import("vue").ComputedRef<any[]>;
|
539
539
|
isCollapseTags: import("vue").ComputedRef<boolean>;
|
540
540
|
popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
|
541
541
|
isShow: import("vue-types").VueTypeValidableDef<boolean> & {
|
package/lib/select/select.less
CHANGED
@@ -127,8 +127,8 @@
|
|
127
127
|
}
|
128
128
|
|
129
129
|
&.popover-show {
|
130
|
-
.@{bk-prefix}-select-trigger .angle-
|
131
|
-
transform: rotate(
|
130
|
+
.@{bk-prefix}-select-trigger .angle-down {
|
131
|
+
transform: rotate(180deg);
|
132
132
|
}
|
133
133
|
}
|
134
134
|
|
@@ -257,9 +257,8 @@
|
|
257
257
|
}
|
258
258
|
}
|
259
259
|
|
260
|
-
.angle-
|
260
|
+
.angle-down {
|
261
261
|
right: 4px;
|
262
|
-
transform: rotate(180deg);
|
263
262
|
transition: transform .3s cubic-bezier(.4, 0, .2, 1);
|
264
263
|
.select-icon();
|
265
264
|
.fix-icon();
|
@@ -570,8 +570,8 @@
|
|
570
570
|
.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
|
571
571
|
background-color: var(--input-block-color);
|
572
572
|
}
|
573
|
-
.bk-select.popover-show .bk-select-trigger .angle-
|
574
|
-
transform: rotate(
|
573
|
+
.bk-select.popover-show .bk-select-trigger .angle-down {
|
574
|
+
transform: rotate(180deg);
|
575
575
|
}
|
576
576
|
.bk-select.is-disabled .bk-input--text {
|
577
577
|
cursor: not-allowed;
|
@@ -716,9 +716,8 @@
|
|
716
716
|
max-width: 190px;
|
717
717
|
padding: 0 4px;
|
718
718
|
}
|
719
|
-
.bk-select .bk-select-trigger .angle-
|
719
|
+
.bk-select .bk-select-trigger .angle-down {
|
720
720
|
right: 4px;
|
721
|
-
transform: rotate(180deg);
|
722
721
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
723
722
|
display: flex;
|
724
723
|
width: 20px;
|
@@ -53,8 +53,8 @@ declare const BkSideslider: {
|
|
53
53
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
54
54
|
default: "show" | "if";
|
55
55
|
};
|
56
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
57
|
-
default: () => boolean
|
56
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
57
|
+
default: () => boolean | Promise<boolean>;
|
58
58
|
};
|
59
59
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
60
60
|
default: string;
|
@@ -125,8 +125,8 @@ declare const BkSideslider: {
|
|
125
125
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
126
126
|
default: "show" | "if";
|
127
127
|
};
|
128
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
129
|
-
default: () => boolean
|
128
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
129
|
+
default: () => boolean | Promise<boolean>;
|
130
130
|
};
|
131
131
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
132
132
|
default: string;
|
@@ -158,7 +158,7 @@ declare const BkSideslider: {
|
|
158
158
|
escClose: boolean;
|
159
159
|
quickClose: boolean;
|
160
160
|
animateType: string;
|
161
|
-
beforeClose: () => boolean
|
161
|
+
beforeClose: () => boolean | Promise<boolean>;
|
162
162
|
}, true, {}, {}, {
|
163
163
|
P: {};
|
164
164
|
B: {};
|
@@ -220,8 +220,8 @@ declare const BkSideslider: {
|
|
220
220
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
221
221
|
default: "show" | "if";
|
222
222
|
};
|
223
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
224
|
-
default: () => boolean
|
223
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
224
|
+
default: () => boolean | Promise<boolean>;
|
225
225
|
};
|
226
226
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
227
227
|
default: string;
|
@@ -253,7 +253,7 @@ declare const BkSideslider: {
|
|
253
253
|
escClose: boolean;
|
254
254
|
quickClose: boolean;
|
255
255
|
animateType: string;
|
256
|
-
beforeClose: () => boolean
|
256
|
+
beforeClose: () => boolean | Promise<boolean>;
|
257
257
|
}>;
|
258
258
|
__isFragment?: never;
|
259
259
|
__isTeleport?: never;
|
@@ -312,8 +312,8 @@ declare const BkSideslider: {
|
|
312
312
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
313
313
|
default: "show" | "if";
|
314
314
|
};
|
315
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
316
|
-
default: () => boolean
|
315
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
316
|
+
default: () => boolean | Promise<boolean>;
|
317
317
|
};
|
318
318
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
319
319
|
default: string;
|
@@ -345,6 +345,6 @@ declare const BkSideslider: {
|
|
345
345
|
escClose: boolean;
|
346
346
|
quickClose: boolean;
|
347
347
|
animateType: string;
|
348
|
-
beforeClose: () => boolean
|
348
|
+
beforeClose: () => boolean | Promise<boolean>;
|
349
349
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
|
350
350
|
export default BkSideslider;
|
@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
52
52
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
53
53
|
default: "show" | "if";
|
54
54
|
};
|
55
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
56
|
-
default: () => boolean
|
55
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
56
|
+
default: () => boolean | Promise<boolean>;
|
57
57
|
};
|
58
58
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
59
59
|
default: string;
|
@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
118
118
|
renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
|
119
119
|
default: "show" | "if";
|
120
120
|
};
|
121
|
-
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean
|
122
|
-
default: () => boolean
|
121
|
+
beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
|
122
|
+
default: () => boolean | Promise<boolean>;
|
123
123
|
};
|
124
124
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
125
125
|
default: string;
|
@@ -151,6 +151,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
151
151
|
escClose: boolean;
|
152
152
|
quickClose: boolean;
|
153
153
|
animateType: string;
|
154
|
-
beforeClose: () => boolean
|
154
|
+
beforeClose: () => boolean | Promise<boolean>;
|
155
155
|
}, {}>;
|
156
156
|
export default _default;
|
@@ -3,6 +3,7 @@ import { TablePropTypes } from '../props';
|
|
3
3
|
import { UseColumns } from './use-columns';
|
4
4
|
declare const useSettings: (props: TablePropTypes, ctx: SetupContext, columns: UseColumns, afterSetting: any) => {
|
5
5
|
options: {
|
6
|
+
enabled: boolean;
|
6
7
|
fields: any[];
|
7
8
|
checked: any[];
|
8
9
|
limit: number;
|
package/lib/table/index.d.ts
CHANGED
@@ -29,9 +29,7 @@ declare const BkTable: {
|
|
29
29
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
30
30
|
default: string | number;
|
31
31
|
};
|
32
|
-
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber
|
33
|
-
default: import("./props").RowHeightFunctionNumber;
|
34
|
-
};
|
32
|
+
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber>;
|
35
33
|
headHeight: import("vue-types").VueTypeValidableDef<number> & {
|
36
34
|
default: number;
|
37
35
|
} & {
|
@@ -200,9 +198,7 @@ declare const BkTable: {
|
|
200
198
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
201
199
|
default: string | number;
|
202
200
|
};
|
203
|
-
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber
|
204
|
-
default: import("./props").RowHeightFunctionNumber;
|
205
|
-
};
|
201
|
+
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber>;
|
206
202
|
headHeight: import("vue-types").VueTypeValidableDef<number> & {
|
207
203
|
default: number;
|
208
204
|
} & {
|
@@ -368,7 +364,6 @@ declare const BkTable: {
|
|
368
364
|
columnPick: "disabled" | "single" | "multi";
|
369
365
|
columns: import("./props").Column[];
|
370
366
|
stripe: boolean;
|
371
|
-
rowHeight: import("./props").RowHeightFunctionNumber;
|
372
367
|
showHead: boolean;
|
373
368
|
sortValFormat: any[];
|
374
369
|
virtualEnabled: boolean;
|
@@ -424,9 +419,7 @@ declare const BkTable: {
|
|
424
419
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
425
420
|
default: string | number;
|
426
421
|
};
|
427
|
-
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber
|
428
|
-
default: import("./props").RowHeightFunctionNumber;
|
429
|
-
};
|
422
|
+
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber>;
|
430
423
|
headHeight: import("vue-types").VueTypeValidableDef<number> & {
|
431
424
|
default: number;
|
432
425
|
} & {
|
@@ -592,7 +585,6 @@ declare const BkTable: {
|
|
592
585
|
columnPick: "disabled" | "single" | "multi";
|
593
586
|
columns: import("./props").Column[];
|
594
587
|
stripe: boolean;
|
595
|
-
rowHeight: import("./props").RowHeightFunctionNumber;
|
596
588
|
showHead: boolean;
|
597
589
|
sortValFormat: any[];
|
598
590
|
virtualEnabled: boolean;
|
@@ -645,9 +637,7 @@ declare const BkTable: {
|
|
645
637
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
646
638
|
default: string | number;
|
647
639
|
};
|
648
|
-
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber
|
649
|
-
default: import("./props").RowHeightFunctionNumber;
|
650
|
-
};
|
640
|
+
rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber>;
|
651
641
|
headHeight: import("vue-types").VueTypeValidableDef<number> & {
|
652
642
|
default: number;
|
653
643
|
} & {
|
@@ -813,7 +803,6 @@ declare const BkTable: {
|
|
813
803
|
columnPick: "disabled" | "single" | "multi";
|
814
804
|
columns: import("./props").Column[];
|
815
805
|
stripe: boolean;
|
816
|
-
rowHeight: import("./props").RowHeightFunctionNumber;
|
817
806
|
showHead: boolean;
|
818
807
|
sortValFormat: any[];
|
819
808
|
virtualEnabled: boolean;
|
package/lib/table/index.js
CHANGED
@@ -17694,7 +17694,7 @@ var tableProps = {
|
|
17694
17694
|
* 设置表格最小高度
|
17695
17695
|
* 默认:LINE_HEIGHT * 4
|
17696
17696
|
*/
|
17697
|
-
minHeight: StringNumberType(LINE_HEIGHT *
|
17697
|
+
minHeight: StringNumberType(LINE_HEIGHT * 3),
|
17698
17698
|
/**
|
17699
17699
|
* 设置表格最d大高度
|
17700
17700
|
* 默认:auto,依赖外层高度
|
@@ -17704,7 +17704,7 @@ var tableProps = {
|
|
17704
17704
|
* 行高,可以为固定数值类型
|
17705
17705
|
* 可以是函数,返回当前行的高度,返回值为数值类型
|
17706
17706
|
*/
|
17707
|
-
rowHeight: RowHeightFunctionNumberType
|
17707
|
+
rowHeight: RowHeightFunctionNumberType,
|
17708
17708
|
/**
|
17709
17709
|
* Thead行高,可以为固定数值类型
|
17710
17710
|
*/
|
@@ -21149,6 +21149,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
|
|
21149
21149
|
'offset-x': true,
|
21150
21150
|
'resize-column': true
|
21151
21151
|
};
|
21152
|
+
var scrollContentClass = resolveClassName('table-content');
|
21152
21153
|
var fixedWrapperClass = resolveClassName('table-fixed');
|
21153
21154
|
var fixedBottomRow = resolveClassName('table-fixed-bottom');
|
21154
21155
|
var fixedBottomLoadingStyle = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -21178,6 +21179,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
|
|
21178
21179
|
"ref": refBody,
|
21179
21180
|
"height": bodyHeight.value,
|
21180
21181
|
"class": bodyClass,
|
21182
|
+
"contentClassName": scrollContentClass,
|
21181
21183
|
"enabled": props.virtualEnabled,
|
21182
21184
|
"lineHeight": lineHeight.value,
|
21183
21185
|
"list": list,
|
@@ -21390,10 +21392,7 @@ var usePagination = function usePagination(props) {
|
|
21390
21392
|
* 判定条件:启用了分页组件 & 分页总数 > 1
|
21391
21393
|
*/
|
21392
21394
|
var isShowPagination = (0,external_vue_namespaceObject.computed)(function () {
|
21393
|
-
|
21394
|
-
return pagination.count > pagination.limit;
|
21395
|
-
}
|
21396
|
-
return false;
|
21395
|
+
return pagination.enabled;
|
21397
21396
|
});
|
21398
21397
|
return {
|
21399
21398
|
options: pagination,
|
@@ -22946,13 +22945,17 @@ function use_render_isSlot(s) {
|
|
22946
22945
|
})]);
|
22947
22946
|
};
|
22948
22947
|
var getRowHeight = function getRowHeight(row, rowIndex) {
|
22948
|
+
if (typeof props.rowHeight === 'function' || /^\d+/.test("".concat(props.rowHeight))) {
|
22949
|
+
return resolvePropVal(props, 'rowHeight', ['tbody', row, rowIndex]);
|
22950
|
+
}
|
22949
22951
|
var _settings$options = settings.options,
|
22950
22952
|
size = _settings$options.size,
|
22951
|
-
height = _settings$options.height
|
22952
|
-
|
22953
|
+
height = _settings$options.height,
|
22954
|
+
enabled = _settings$options.enabled;
|
22955
|
+
if (enabled && height !== null && height !== undefined) {
|
22953
22956
|
return resolvePropVal(settings.options, 'height', ['tbody', row, rowIndex, size]);
|
22954
22957
|
}
|
22955
|
-
return
|
22958
|
+
return LINE_HEIGHT;
|
22956
22959
|
};
|
22957
22960
|
var setDragEvents = function setDragEvents(events) {
|
22958
22961
|
dragEvents = events;
|
@@ -23579,6 +23582,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
23579
23582
|
};
|
23580
23583
|
var getDefaultSettings = function getDefaultSettings() {
|
23581
23584
|
return {
|
23585
|
+
enabled: true,
|
23582
23586
|
fields: props.columns.map(function (col) {
|
23583
23587
|
return Object.assign({}, col, {
|
23584
23588
|
field: col.field || col.type
|
@@ -23595,9 +23599,14 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
23595
23599
|
};
|
23596
23600
|
};
|
23597
23601
|
var getSettings = function getSettings(settings) {
|
23598
|
-
if (typeof settings === 'boolean') {
|
23602
|
+
if (typeof settings === 'boolean' && settings !== false) {
|
23599
23603
|
return getDefaultSettings();
|
23600
23604
|
}
|
23605
|
+
if (!settings) {
|
23606
|
+
return {
|
23607
|
+
enabled: false
|
23608
|
+
};
|
23609
|
+
}
|
23601
23610
|
return Object.assign({}, getDefaultSettings(), settings);
|
23602
23611
|
};
|
23603
23612
|
var refSetting = (0,external_vue_namespaceObject.ref)(null);
|
package/lib/table/props.d.ts
CHANGED
@@ -294,9 +294,7 @@ export declare const tableProps: {
|
|
294
294
|
* 行高,可以为固定数值类型
|
295
295
|
* 可以是函数,返回当前行的高度,返回值为数值类型
|
296
296
|
*/
|
297
|
-
rowHeight: import("vue-types").VueTypeDef<RowHeightFunctionNumber
|
298
|
-
default: RowHeightFunctionNumber;
|
299
|
-
};
|
297
|
+
rowHeight: import("vue-types").VueTypeDef<RowHeightFunctionNumber>;
|
300
298
|
/**
|
301
299
|
* Thead行高,可以为固定数值类型
|
302
300
|
*/
|
package/lib/table/table.css
CHANGED
@@ -1328,6 +1328,9 @@
|
|
1328
1328
|
.bk-table .bk-table-body table td .cell.selection {
|
1329
1329
|
padding: 0;
|
1330
1330
|
text-align: center;
|
1331
|
+
display: flex;
|
1332
|
+
align-items: center;
|
1333
|
+
justify-content: center;
|
1331
1334
|
}
|
1332
1335
|
.bk-table .bk-table-head table th .cell.expand-cell,
|
1333
1336
|
.bk-table .bk-table-body table th .cell.expand-cell,
|
@@ -1445,7 +1448,7 @@
|
|
1445
1448
|
.bk-table .bk-table-body table tbody tr td .cell {
|
1446
1449
|
display: block;
|
1447
1450
|
width: 100%;
|
1448
|
-
line-height: calc(var(--row-height) -
|
1451
|
+
line-height: calc(var(--row-height) - 4px);
|
1449
1452
|
box-sizing: border-box;
|
1450
1453
|
}
|
1451
1454
|
.bk-table .bk-table-head table tbody tr td .cell.drag,
|
@@ -1467,6 +1470,7 @@
|
|
1467
1470
|
z-index: 2;
|
1468
1471
|
overflow: hidden;
|
1469
1472
|
background-color: var(--background-color);
|
1473
|
+
height: var(--row-height);
|
1470
1474
|
}
|
1471
1475
|
.bk-table .bk-table-head .col-resize-drag {
|
1472
1476
|
position: absolute;
|
@@ -1529,13 +1533,8 @@
|
|
1529
1533
|
border-right: 1px solid var(--table-border-color);
|
1530
1534
|
border-left: 1px solid var(--table-border-color);
|
1531
1535
|
}
|
1532
|
-
.bk-table.bordered-outer .bk-table-footer {
|
1533
|
-
border-bottom: 1px solid var(--table-border-color);
|
1534
|
-
}
|
1535
1536
|
.bk-table.bordered-horizontal {
|
1536
1537
|
border-top: 1px solid var(--table-border-color);
|
1537
|
-
}
|
1538
|
-
.bk-table.bordered-horizontal .bk-table-footer {
|
1539
1538
|
border-bottom: 1px solid var(--table-border-color);
|
1540
1539
|
}
|
1541
1540
|
.bk-table.bordered-outer .__is-empty .bk-table-body-content,
|