bkui-vue 1.0.3-beta.62.dialog.1 → 1.0.3-beta.63
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 +69 -69
- package/dist/index.esm.js +17802 -18626
- package/dist/index.umd.js +69 -69
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/checkbox/index.js +4 -4
- package/lib/components.d.ts +0 -1
- package/lib/components.js +0 -1
- package/lib/dialog/dialog.css +77 -139
- package/lib/dialog/dialog.d.ts +121 -41
- package/lib/dialog/dialog.less +65 -10
- package/lib/dialog/dialog.variable.css +77 -139
- package/lib/dialog/index.d.ts +272 -105
- package/lib/dialog/index.js +100 -91
- package/lib/dialog/props.d.ts +48 -8
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +173 -312
- package/lib/info-box/info-box.css +7 -63
- package/lib/info-box/info-box.d.ts +16 -17
- package/lib/info-box/info-box.less +14 -76
- package/lib/info-box/info-box.variable.css +7 -63
- package/lib/modal/index.d.ts +325 -45
- package/lib/modal/index.js +666 -187
- package/lib/modal/modal.css +31 -131
- package/lib/modal/modal.d.ts +126 -16
- package/lib/modal/modal.less +28 -84
- package/lib/modal/modal.variable.css +31 -131
- package/lib/modal/props.mixin.d.ts +53 -2
- package/lib/radio/index.js +5 -5
- package/lib/select/index.d.ts +33 -0
- package/lib/select/index.js +4 -2
- package/lib/select/select.css +19 -5
- package/lib/select/select.d.ts +11 -0
- package/lib/select/select.less +26 -6
- package/lib/select/select.variable.css +19 -5
- package/lib/select/selectTagInput.d.ts +7 -0
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +48 -1
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +222 -31
- package/lib/sideslider/index.js +36 -49
- package/lib/sideslider/sideslider.css +42 -4
- package/lib/sideslider/sideslider.d.ts +105 -14
- package/lib/sideslider/sideslider.less +58 -13
- package/lib/sideslider/sideslider.variable.css +42 -4
- package/lib/table/const.d.ts +1 -1
- package/lib/table/index.d.ts +0 -23
- package/lib/table/index.js +43 -176
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/plugins/use-pagination.d.ts +1 -3
- package/lib/table/props.d.ts +0 -8
- package/lib/table/table.css +42 -97
- package/lib/table/table.d.ts +0 -11
- package/lib/table/table.less +58 -43
- package/lib/table/table.variable.css +42 -97
- package/lib/table/use-attributes.d.ts +0 -1
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.js +2 -6
- package/lib/tree/index.d.ts +0 -23
- package/lib/tree/index.js +3 -9
- package/lib/tree/props.d.ts +0 -8
- package/lib/tree/tree.css +2 -75
- package/lib/tree/tree.d.ts +0 -11
- package/lib/tree/tree.variable.css +2 -75
- package/lib/virtual-render/index.d.ts +0 -4
- package/lib/virtual-render/index.js +52 -253
- package/lib/virtual-render/props.d.ts +0 -7
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -75
- package/lib/virtual-render/virtual-render.d.ts +0 -2
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +2 -75
- package/package.json +1 -1
- package/lib/info-box/render-component.d.ts +0 -4
- package/lib/modal/mask.d.ts +0 -6
- package/lib/scrollbar/index.d.ts +0 -14
- package/lib/scrollbar/index.js +0 -18737
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/index.d.ts +0 -236
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/scrollbar/scrollbar.css +0 -74
- package/lib/scrollbar/scrollbar.less +0 -93
- package/lib/scrollbar/scrollbar.variable.css +0 -203
- package/lib/table/plugins/use-shift-key.d.ts +0 -11
- package/lib/virtual-render/use-scrollbar.d.ts +0 -23
package/lib/sideslider/index.js
CHANGED
@@ -2,7 +2,6 @@ import "../styles/reset.css";
|
|
2
2
|
import "./sideslider.less";
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep_13f2b125__ from "lodash/cloneDeep";
|
6
5
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
7
6
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__ from "../modal";
|
8
7
|
import "../modal/modal.less";
|
@@ -425,7 +424,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
425
424
|
;// CONCATENATED MODULE: external "../shared"
|
426
425
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
427
426
|
var y = x => () => x
|
428
|
-
const shared_namespaceObject = x({ ["
|
427
|
+
const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
429
428
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
|
430
429
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
431
430
|
try {
|
@@ -505,14 +504,10 @@ function _defineProperty(obj, key, value) {
|
|
505
504
|
;// CONCATENATED MODULE: external "vue"
|
506
505
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
507
506
|
var external_vue_y = x => () => x
|
508
|
-
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, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
|
507
|
+
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, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
|
509
508
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
|
510
509
|
var regenerator = __webpack_require__(2841);
|
511
510
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
512
|
-
;// CONCATENATED MODULE: external "lodash/cloneDeep"
|
513
|
-
var cloneDeep_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
514
|
-
var cloneDeep_y = x => () => x
|
515
|
-
const cloneDeep_namespaceObject = cloneDeep_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep_13f2b125__["default"] });
|
516
511
|
;// CONCATENATED MODULE: external "../config-provider"
|
517
512
|
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
518
513
|
var config_provider_y = x => () => x
|
@@ -520,7 +515,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
|
|
520
515
|
;// CONCATENATED MODULE: external "../modal"
|
521
516
|
var modal_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
522
517
|
var modal_y = x => () => x
|
523
|
-
const modal_namespaceObject = modal_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__["default"]
|
518
|
+
const modal_namespaceObject = modal_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__["default"] });
|
524
519
|
;// CONCATENATED MODULE: external "../modal/modal.less"
|
525
520
|
var modal_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
526
521
|
var modal_less_y = x => () => x
|
@@ -561,18 +556,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
561
556
|
|
562
557
|
|
563
558
|
|
564
|
-
|
565
|
-
|
566
|
-
|
567
559
|
function _isSlot(s) {
|
568
560
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
|
569
561
|
}
|
570
|
-
var
|
571
|
-
|
562
|
+
var propsMixin = modal_namespaceObject["default"].propsMixin;
|
563
|
+
var sliderPops = Object.assign({}, propsMixin);
|
564
|
+
sliderPops.width["default"] = '400';
|
565
|
+
sliderPops.height["default"] = '100%';
|
572
566
|
/* harmony default export */ const sideslider = ((0,external_vue_namespaceObject.defineComponent)({
|
573
567
|
name: 'Sideslider',
|
574
|
-
props: _objectSpread(_objectSpread({},
|
575
|
-
title: shared_namespaceObject.PropTypes.string.def(''),
|
568
|
+
props: _objectSpread(_objectSpread({}, sliderPops), {}, {
|
576
569
|
direction: {
|
577
570
|
type: String,
|
578
571
|
"default": 'right',
|
@@ -590,31 +583,22 @@ sliderProps.width["default"] = '400';
|
|
590
583
|
setup: function setup(props, _ref) {
|
591
584
|
var slots = _ref.slots,
|
592
585
|
emit = _ref.emit;
|
593
|
-
var
|
594
|
-
resolveClassName = _usePrefix.resolveClassName;
|
595
|
-
var refRoot = (0,external_vue_namespaceObject.ref)();
|
586
|
+
var refRoot = (0,external_vue_namespaceObject.ref)(null);
|
596
587
|
var handleClose = /*#__PURE__*/function () {
|
597
588
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
|
598
|
-
var shouldClose;
|
599
589
|
return regenerator_default().wrap(function _callee$(_context) {
|
600
590
|
while (1) switch (_context.prev = _context.next) {
|
601
591
|
case 0:
|
602
|
-
|
603
|
-
|
604
|
-
|
605
|
-
|
606
|
-
|
607
|
-
|
608
|
-
return props.beforeClose();
|
609
|
-
case 4:
|
610
|
-
shouldClose = _context.sent;
|
611
|
-
case 5:
|
612
|
-
if (shouldClose) {
|
613
|
-
emit('update:isShow', false);
|
614
|
-
emit('closed');
|
592
|
+
// 这里无需处理 beforeClose,在 modal 中会处理
|
593
|
+
emit('update:isShow', false);
|
594
|
+
emit('closed');
|
595
|
+
setTimeout(function () {
|
596
|
+
var _refRoot$value, _refRoot$value$close;
|
597
|
+
// 有动画,推迟发布事件
|
615
598
|
emit('animation-end');
|
616
|
-
|
617
|
-
|
599
|
+
(_refRoot$value = refRoot.value) === null || _refRoot$value === void 0 || (_refRoot$value$close = _refRoot$value.close) === null || _refRoot$value$close === void 0 || _refRoot$value$close.call(_refRoot$value);
|
600
|
+
}, props.hiddenDelay);
|
601
|
+
case 3:
|
618
602
|
case "end":
|
619
603
|
return _context.stop();
|
620
604
|
}
|
@@ -625,11 +609,19 @@ sliderProps.width["default"] = '400';
|
|
625
609
|
};
|
626
610
|
}();
|
627
611
|
var handleShown = function handleShown() {
|
628
|
-
|
612
|
+
// 有动画,推迟发布事件
|
613
|
+
setTimeout(function () {
|
614
|
+
emit('shown');
|
615
|
+
}, 200);
|
629
616
|
};
|
630
617
|
var handleHidden = function handleHidden() {
|
631
|
-
|
618
|
+
// 有动画,推迟发布事件
|
619
|
+
setTimeout(function () {
|
620
|
+
emit('hidden');
|
621
|
+
}, 200);
|
632
622
|
};
|
623
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
624
|
+
resolveClassName = _usePrefix.resolveClassName;
|
633
625
|
return function () {
|
634
626
|
var modelSlot = {
|
635
627
|
header: function header() {
|
@@ -638,7 +630,9 @@ sliderProps.width["default"] = '400';
|
|
638
630
|
"class": "".concat(resolveClassName('sideslider-header'))
|
639
631
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
640
632
|
"class": "".concat(resolveClassName('sideslider-close'), " ").concat(props.direction),
|
641
|
-
"onClick":
|
633
|
+
"onClick": function onClick() {
|
634
|
+
return handleClose();
|
635
|
+
}
|
642
636
|
}, null), (0,external_vue_namespaceObject.createVNode)("div", {
|
643
637
|
"class": "".concat(resolveClassName('sideslider-title'), " ").concat(props.direction)
|
644
638
|
}, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.title])])]);
|
@@ -659,22 +653,15 @@ sliderProps.width["default"] = '400';
|
|
659
653
|
}
|
660
654
|
});
|
661
655
|
}
|
662
|
-
return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], {
|
663
|
-
"ref": refRoot
|
664
|
-
|
665
|
-
"
|
666
|
-
"width": props.width,
|
667
|
-
"animateType": props.direction,
|
656
|
+
return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
|
657
|
+
"ref": refRoot
|
658
|
+
}, props, {
|
659
|
+
"class": _defineProperty(_defineProperty({}, resolveClassName('sideslider'), true), resolveClassName('sideslider-wrapper'), true),
|
668
660
|
"closeIcon": false,
|
669
|
-
"escClose": props.escClose,
|
670
|
-
"quickClose": props.quickClose,
|
671
|
-
"showMask": props.showMask,
|
672
|
-
"transfer": props.transfer,
|
673
|
-
"zIndex": props.zIndex,
|
674
661
|
"onHidden": handleHidden,
|
675
662
|
"onShown": handleShown,
|
676
663
|
"onClose": handleClose
|
677
|
-
}, _isSlot(modelSlot) ? modelSlot : {
|
664
|
+
}), _isSlot(modelSlot) ? modelSlot : {
|
678
665
|
"default": function _default() {
|
679
666
|
return [modelSlot];
|
680
667
|
}
|
@@ -1,13 +1,19 @@
|
|
1
|
-
.bk-sideslider
|
1
|
+
.bk-sideslider {
|
2
|
+
position: fixed;
|
3
|
+
top: 0;
|
2
4
|
right: 0;
|
3
|
-
|
4
|
-
.bk-sideslider.is-position-left .bk-modal-wrapper {
|
5
|
+
bottom: 0;
|
5
6
|
left: 0;
|
6
7
|
}
|
7
8
|
.bk-sideslider .bk-modal-wrapper {
|
8
|
-
position:
|
9
|
+
position: absolute;
|
9
10
|
top: 0;
|
10
11
|
bottom: 0;
|
12
|
+
left: auto;
|
13
|
+
transform: initial;
|
14
|
+
}
|
15
|
+
.bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
|
16
|
+
overflow: auto;
|
11
17
|
}
|
12
18
|
.bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
|
13
19
|
height: 54px;
|
@@ -82,3 +88,35 @@
|
|
82
88
|
background: #fff;
|
83
89
|
align-items: center;
|
84
90
|
}
|
91
|
+
/* fade-center */
|
92
|
+
/* slide过渡动画 */
|
93
|
+
.slide-enter-active,
|
94
|
+
.slide-leave-active,
|
95
|
+
.bk-modal-body {
|
96
|
+
transform: translateX(0);
|
97
|
+
transition: transform 0.25s;
|
98
|
+
}
|
99
|
+
.slide-enter-active {
|
100
|
+
animation: slider-fade-in 0.25s;
|
101
|
+
}
|
102
|
+
.slide-leave-active {
|
103
|
+
animation: slider-fade-in 0.25s reverse;
|
104
|
+
}
|
105
|
+
.slide-enter-from.left,
|
106
|
+
.slide-leave-to.left {
|
107
|
+
transform: translateX(-100%);
|
108
|
+
transition: transform 0.25s;
|
109
|
+
}
|
110
|
+
.slide-enter-from.right,
|
111
|
+
.slide-leave-to.right {
|
112
|
+
transform: translateX(100%);
|
113
|
+
transition: transform 0.25s;
|
114
|
+
}
|
115
|
+
@keyframes slider-fade-in {
|
116
|
+
0% {
|
117
|
+
opacity: 0;
|
118
|
+
}
|
119
|
+
100% {
|
120
|
+
opacity: 1;
|
121
|
+
}
|
122
|
+
}
|
@@ -1,9 +1,4 @@
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
2
|
-
title: import("vue-types").VueTypeValidableDef<string> & {
|
3
|
-
default: string;
|
4
|
-
} & {
|
5
|
-
default: string;
|
6
|
-
};
|
7
2
|
direction: {
|
8
3
|
type: StringConstructor;
|
9
4
|
default: string;
|
@@ -14,8 +9,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
14
9
|
} & {
|
15
10
|
default: boolean;
|
16
11
|
};
|
17
|
-
width: import("vue-types").VueTypeDef<string | number
|
18
|
-
|
12
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
13
|
+
default: string | number;
|
14
|
+
};
|
15
|
+
height: import("vue-types").VueTypeDef<string | number> & {
|
16
|
+
default: string | number;
|
17
|
+
};
|
18
|
+
extCls: (import("vue-types").VueTypeValidableDef<string> & {
|
19
|
+
default: string;
|
20
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
21
|
+
default: () => unknown[];
|
22
|
+
});
|
23
|
+
scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
|
19
24
|
default: boolean;
|
20
25
|
} & {
|
21
26
|
default: boolean;
|
@@ -35,6 +40,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
35
40
|
} & {
|
36
41
|
default: boolean;
|
37
42
|
};
|
43
|
+
fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
|
44
|
+
default: boolean;
|
45
|
+
} & {
|
46
|
+
default: boolean;
|
47
|
+
};
|
48
|
+
size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
|
49
|
+
draggable: import("vue-types").VueTypeValidableDef<boolean> & {
|
50
|
+
default: boolean;
|
51
|
+
} & {
|
52
|
+
default: boolean;
|
53
|
+
};
|
38
54
|
quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
|
39
55
|
default: boolean;
|
40
56
|
} & {
|
@@ -44,6 +60,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
44
60
|
default: string | boolean | (() => HTMLElement);
|
45
61
|
};
|
46
62
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
63
|
+
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
64
|
+
default: string;
|
65
|
+
};
|
66
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
67
|
+
default: string;
|
68
|
+
} & {
|
69
|
+
default: string;
|
70
|
+
};
|
47
71
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
48
72
|
default: string;
|
49
73
|
} & {
|
@@ -53,18 +77,30 @@ declare const _default: import("vue").DefineComponent<{
|
|
53
77
|
default: "show" | "if";
|
54
78
|
};
|
55
79
|
beforeClose: import("vue-types").VueTypeDef<unknown>;
|
80
|
+
dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
|
81
|
+
multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
|
82
|
+
default: boolean;
|
83
|
+
} & {
|
84
|
+
default: boolean;
|
85
|
+
};
|
86
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
87
|
+
bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
|
88
|
+
default: string;
|
89
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
90
|
+
default: () => unknown[];
|
91
|
+
});
|
56
92
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
57
93
|
default: string;
|
58
94
|
};
|
59
95
|
top: import("vue-types").VueTypeValidableDef<string> & {
|
60
96
|
default: string;
|
61
97
|
};
|
62
|
-
|
63
|
-
|
64
|
-
default: string;
|
98
|
+
hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
|
99
|
+
default: number;
|
65
100
|
} & {
|
66
|
-
default:
|
101
|
+
default: number;
|
67
102
|
};
|
103
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
68
104
|
direction: {
|
69
105
|
type: StringConstructor;
|
70
106
|
default: string;
|
@@ -75,8 +111,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
75
111
|
} & {
|
76
112
|
default: boolean;
|
77
113
|
};
|
78
|
-
width: import("vue-types").VueTypeDef<string | number
|
79
|
-
|
114
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
115
|
+
default: string | number;
|
116
|
+
};
|
117
|
+
height: import("vue-types").VueTypeDef<string | number> & {
|
118
|
+
default: string | number;
|
119
|
+
};
|
120
|
+
extCls: (import("vue-types").VueTypeValidableDef<string> & {
|
121
|
+
default: string;
|
122
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
123
|
+
default: () => unknown[];
|
124
|
+
});
|
125
|
+
scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
|
80
126
|
default: boolean;
|
81
127
|
} & {
|
82
128
|
default: boolean;
|
@@ -96,6 +142,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
96
142
|
} & {
|
97
143
|
default: boolean;
|
98
144
|
};
|
145
|
+
fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
|
146
|
+
default: boolean;
|
147
|
+
} & {
|
148
|
+
default: boolean;
|
149
|
+
};
|
150
|
+
size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
|
151
|
+
draggable: import("vue-types").VueTypeValidableDef<boolean> & {
|
152
|
+
default: boolean;
|
153
|
+
} & {
|
154
|
+
default: boolean;
|
155
|
+
};
|
99
156
|
quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
|
100
157
|
default: boolean;
|
101
158
|
} & {
|
@@ -105,6 +162,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
105
162
|
default: string | boolean | (() => HTMLElement);
|
106
163
|
};
|
107
164
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
165
|
+
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
166
|
+
default: string;
|
167
|
+
};
|
168
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
169
|
+
default: string;
|
170
|
+
} & {
|
171
|
+
default: string;
|
172
|
+
};
|
108
173
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
109
174
|
default: string;
|
110
175
|
} & {
|
@@ -114,12 +179,29 @@ declare const _default: import("vue").DefineComponent<{
|
|
114
179
|
default: "show" | "if";
|
115
180
|
};
|
116
181
|
beforeClose: import("vue-types").VueTypeDef<unknown>;
|
182
|
+
dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
|
183
|
+
multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
|
184
|
+
default: boolean;
|
185
|
+
} & {
|
186
|
+
default: boolean;
|
187
|
+
};
|
188
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
189
|
+
bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
|
190
|
+
default: string;
|
191
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
192
|
+
default: () => unknown[];
|
193
|
+
});
|
117
194
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
118
195
|
default: string;
|
119
196
|
};
|
120
197
|
top: import("vue-types").VueTypeValidableDef<string> & {
|
121
198
|
default: string;
|
122
199
|
};
|
200
|
+
hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
|
201
|
+
default: number;
|
202
|
+
} & {
|
203
|
+
default: number;
|
204
|
+
};
|
123
205
|
}>> & {
|
124
206
|
onHidden?: (...args: any[]) => any;
|
125
207
|
onShown?: (...args: any[]) => any;
|
@@ -128,17 +210,26 @@ declare const _default: import("vue").DefineComponent<{
|
|
128
210
|
"onAnimation-end"?: (...args: any[]) => any;
|
129
211
|
}, {
|
130
212
|
title: string;
|
213
|
+
width: string | number;
|
214
|
+
height: string | number;
|
215
|
+
maxHeight: string;
|
216
|
+
extCls: string | unknown[];
|
131
217
|
top: string;
|
132
218
|
left: string;
|
133
219
|
isShow: boolean;
|
220
|
+
draggable: boolean;
|
134
221
|
transfer: string | boolean | HTMLElement;
|
135
222
|
direction: string;
|
136
223
|
renderDirective: "show" | "if";
|
137
|
-
|
224
|
+
scrollable: boolean;
|
138
225
|
showMask: boolean;
|
139
226
|
closeIcon: boolean;
|
140
227
|
escClose: boolean;
|
228
|
+
fullscreen: boolean;
|
141
229
|
quickClose: boolean;
|
142
230
|
animateType: string;
|
231
|
+
multiInstance: boolean;
|
232
|
+
bodyClass: string | unknown[];
|
233
|
+
hiddenDelay: number;
|
143
234
|
}, {}>;
|
144
235
|
export default _default;
|
@@ -1,24 +1,25 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
|
3
3
|
.@{bk-prefix}-sideslider {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
&.is-position-left {
|
11
|
-
.@{bk-prefix}-modal-wrapper {
|
12
|
-
left: 0;
|
13
|
-
}
|
14
|
-
}
|
4
|
+
position: fixed;
|
5
|
+
top: 0;
|
6
|
+
right: 0;
|
7
|
+
bottom: 0;
|
8
|
+
left: 0;
|
15
9
|
|
16
10
|
.@{bk-prefix}-modal-wrapper {
|
17
|
-
position:
|
11
|
+
position: absolute;
|
18
12
|
top: 0;
|
19
13
|
bottom: 0;
|
20
|
-
|
14
|
+
left: auto;
|
15
|
+
transform: initial;
|
21
16
|
|
17
|
+
&.scroll-able {
|
18
|
+
.@{bk-prefix}-modal-content {
|
19
|
+
overflow: auto;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
}
|
22
23
|
.@{bk-prefix}-modal-footer {
|
23
24
|
&.is-fixed {
|
24
25
|
.@{bk-prefix}-sideslider-footer {
|
@@ -97,6 +98,9 @@
|
|
97
98
|
}
|
98
99
|
}
|
99
100
|
|
101
|
+
// .@{bk-prefix}-sideslider-content {
|
102
|
+
// }
|
103
|
+
|
100
104
|
.@{bk-prefix}-sideslider-footer {
|
101
105
|
display: flex;
|
102
106
|
width: 100%;
|
@@ -106,3 +110,44 @@
|
|
106
110
|
background: #fff;
|
107
111
|
align-items: center;
|
108
112
|
}
|
113
|
+
|
114
|
+
/* fade-center */
|
115
|
+
|
116
|
+
/* slide过渡动画 */
|
117
|
+
.slide-enter-active,
|
118
|
+
.slide-leave-active,
|
119
|
+
.@{bk-prefix}-modal-body {
|
120
|
+
transform: translateX(0);
|
121
|
+
transition: transform 0.25s;
|
122
|
+
}
|
123
|
+
|
124
|
+
.slide-enter-active {
|
125
|
+
animation: slider-fade-in 0.25s;
|
126
|
+
}
|
127
|
+
|
128
|
+
.slide-leave-active {
|
129
|
+
animation: slider-fade-in 0.25s reverse;
|
130
|
+
}
|
131
|
+
|
132
|
+
.slide-enter-from,
|
133
|
+
.slide-leave-to {
|
134
|
+
&.left {
|
135
|
+
transform: translateX(-100%);
|
136
|
+
transition: transform 0.25s;
|
137
|
+
}
|
138
|
+
|
139
|
+
&.right {
|
140
|
+
transform: translateX(100%);
|
141
|
+
transition: transform 0.25s;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
|
145
|
+
@keyframes slider-fade-in {
|
146
|
+
0% {
|
147
|
+
opacity: 0;
|
148
|
+
}
|
149
|
+
|
150
|
+
100% {
|
151
|
+
opacity: 1;
|
152
|
+
}
|
153
|
+
}
|
@@ -127,16 +127,22 @@
|
|
127
127
|
--select-active-color: #e1ecff;
|
128
128
|
--select-hover-color: #f5f7fa;
|
129
129
|
}
|
130
|
-
.bk-sideslider
|
130
|
+
.bk-sideslider {
|
131
|
+
position: fixed;
|
132
|
+
top: 0;
|
131
133
|
right: 0;
|
132
|
-
|
133
|
-
.bk-sideslider.is-position-left .bk-modal-wrapper {
|
134
|
+
bottom: 0;
|
134
135
|
left: 0;
|
135
136
|
}
|
136
137
|
.bk-sideslider .bk-modal-wrapper {
|
137
|
-
position:
|
138
|
+
position: absolute;
|
138
139
|
top: 0;
|
139
140
|
bottom: 0;
|
141
|
+
left: auto;
|
142
|
+
transform: initial;
|
143
|
+
}
|
144
|
+
.bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
|
145
|
+
overflow: auto;
|
140
146
|
}
|
141
147
|
.bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
|
142
148
|
height: 54px;
|
@@ -211,3 +217,35 @@
|
|
211
217
|
background: #fff;
|
212
218
|
align-items: center;
|
213
219
|
}
|
220
|
+
/* fade-center */
|
221
|
+
/* slide过渡动画 */
|
222
|
+
.slide-enter-active,
|
223
|
+
.slide-leave-active,
|
224
|
+
.bk-modal-body {
|
225
|
+
transform: translateX(0);
|
226
|
+
transition: transform 0.25s;
|
227
|
+
}
|
228
|
+
.slide-enter-active {
|
229
|
+
animation: slider-fade-in 0.25s;
|
230
|
+
}
|
231
|
+
.slide-leave-active {
|
232
|
+
animation: slider-fade-in 0.25s reverse;
|
233
|
+
}
|
234
|
+
.slide-enter-from.left,
|
235
|
+
.slide-leave-to.left {
|
236
|
+
transform: translateX(-100%);
|
237
|
+
transition: transform 0.25s;
|
238
|
+
}
|
239
|
+
.slide-enter-from.right,
|
240
|
+
.slide-leave-to.right {
|
241
|
+
transform: translateX(100%);
|
242
|
+
transition: transform 0.25s;
|
243
|
+
}
|
244
|
+
@keyframes slider-fade-in {
|
245
|
+
0% {
|
246
|
+
opacity: 0;
|
247
|
+
}
|
248
|
+
100% {
|
249
|
+
opacity: 1;
|
250
|
+
}
|
251
|
+
}
|
package/lib/table/const.d.ts
CHANGED
package/lib/table/index.d.ts
CHANGED
@@ -162,11 +162,6 @@ declare const BkTable: {
|
|
162
162
|
rowDraggable: import("vue-types").VueTypeDef<any> & {
|
163
163
|
default: any;
|
164
164
|
};
|
165
|
-
shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
|
166
|
-
default: boolean;
|
167
|
-
} & {
|
168
|
-
default: boolean;
|
169
|
-
};
|
170
165
|
}>> & {
|
171
166
|
onDragend?: (_args: {
|
172
167
|
sourceEvent: DragEvent;
|
@@ -491,11 +486,6 @@ declare const BkTable: {
|
|
491
486
|
rowDraggable: import("vue-types").VueTypeDef<any> & {
|
492
487
|
default: any;
|
493
488
|
};
|
494
|
-
shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
|
495
|
-
default: boolean;
|
496
|
-
} & {
|
497
|
-
default: boolean;
|
498
|
-
};
|
499
489
|
}>> & {
|
500
490
|
onDragend?: (_args: {
|
501
491
|
sourceEvent: DragEvent;
|
@@ -622,7 +612,6 @@ declare const BkTable: {
|
|
622
612
|
prependStyle: import("vue").CSSProperties;
|
623
613
|
isFlex: boolean;
|
624
614
|
rowDraggable: any;
|
625
|
-
shiftMultiChecked: boolean;
|
626
615
|
}, true, {}, {}, {
|
627
616
|
P: {};
|
628
617
|
B: {};
|
@@ -788,11 +777,6 @@ declare const BkTable: {
|
|
788
777
|
rowDraggable: import("vue-types").VueTypeDef<any> & {
|
789
778
|
default: any;
|
790
779
|
};
|
791
|
-
shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
|
792
|
-
default: boolean;
|
793
|
-
} & {
|
794
|
-
default: boolean;
|
795
|
-
};
|
796
780
|
}>> & {
|
797
781
|
onDragend?: (_args: {
|
798
782
|
sourceEvent: DragEvent;
|
@@ -919,7 +903,6 @@ declare const BkTable: {
|
|
919
903
|
prependStyle: import("vue").CSSProperties;
|
920
904
|
isFlex: boolean;
|
921
905
|
rowDraggable: any;
|
922
|
-
shiftMultiChecked: boolean;
|
923
906
|
}>;
|
924
907
|
__isFragment?: never;
|
925
908
|
__isTeleport?: never;
|
@@ -1082,11 +1065,6 @@ declare const BkTable: {
|
|
1082
1065
|
rowDraggable: import("vue-types").VueTypeDef<any> & {
|
1083
1066
|
default: any;
|
1084
1067
|
};
|
1085
|
-
shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
|
1086
|
-
default: boolean;
|
1087
|
-
} & {
|
1088
|
-
default: boolean;
|
1089
|
-
};
|
1090
1068
|
}>> & {
|
1091
1069
|
onDragend?: (_args: {
|
1092
1070
|
sourceEvent: DragEvent;
|
@@ -1296,7 +1274,6 @@ declare const BkTable: {
|
|
1296
1274
|
prependStyle: import("vue").CSSProperties;
|
1297
1275
|
isFlex: boolean;
|
1298
1276
|
rowDraggable: any;
|
1299
|
-
shiftMultiChecked: boolean;
|
1300
1277
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
1301
1278
|
Column: import("vue").DefineComponent<{
|
1302
1279
|
label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
|