bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1
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 +71 -71
- package/dist/index.esm.js +19703 -20587
- package/dist/index.umd.js +71 -71
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +3 -3
- package/lib/cascader/cascader.less +3 -3
- package/lib/cascader/cascader.variable.css +3 -3
- package/lib/cascader/index.js +4 -4
- package/lib/collapse/collapse.css +0 -11
- package/lib/collapse/collapse.d.ts +0 -11
- package/lib/collapse/collapse.less +1 -15
- package/lib/collapse/collapse.variable.css +0 -11
- package/lib/collapse/index.d.ts +0 -23
- package/lib/collapse/index.js +1 -9
- package/lib/collapse/props.d.ts +0 -8
- package/lib/color-picker/color-picker.css +3 -3
- package/lib/color-picker/color-picker.less +3 -3
- package/lib/color-picker/color-picker.variable.css +3 -3
- package/lib/color-picker/index.js +1 -1
- package/lib/components.d.ts +0 -1
- package/lib/components.js +0 -1
- package/lib/date-picker/base/year-table.d.ts +2 -2
- package/lib/date-picker/index.js +36 -111
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/panel/date-range.d.ts +63 -1
- package/lib/date-picker/utils.d.ts +0 -4
- package/lib/dialog/dialog.css +84 -135
- package/lib/dialog/dialog.d.ts +132 -38
- package/lib/dialog/dialog.less +76 -9
- package/lib/dialog/dialog.variable.css +84 -135
- package/lib/dialog/index.d.ts +311 -96
- package/lib/dialog/index.js +221 -197
- package/lib/dialog/props.d.ts +47 -10
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +173 -328
- package/lib/info-box/info-box.css +7 -63
- package/lib/info-box/info-box.d.ts +16 -18
- package/lib/info-box/info-box.less +14 -76
- package/lib/info-box/info-box.variable.css +7 -63
- package/lib/input/index.js +1 -2
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +345 -29
- package/lib/modal/index.js +703 -218
- package/lib/modal/modal.css +32 -131
- package/lib/modal/modal.d.ts +132 -11
- package/lib/modal/modal.less +29 -83
- package/lib/modal/modal.variable.css +32 -131
- package/lib/modal/props.mixin.d.ts +52 -4
- package/lib/overflow-title/index.js +52 -46
- package/lib/radio/index.d.ts +0 -29
- package/lib/radio/index.js +16 -34
- package/lib/radio/radio-button.d.ts +0 -10
- package/lib/radio/radio-group.d.ts +0 -10
- package/lib/radio/radio.d.ts +0 -10
- package/lib/rate/rate.css +0 -27
- package/lib/rate/rate.less +0 -33
- package/lib/rate/rate.variable.css +0 -27
- package/lib/rate/star.css +27 -0
- package/lib/rate/star.less +34 -0
- package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
- package/lib/search-select/index.d.ts +58 -78
- package/lib/search-select/index.js +311 -211
- package/lib/search-select/input.d.ts +6 -5
- package/lib/search-select/menu.d.ts +1 -1
- package/lib/search-select/search-select.d.ts +19 -43
- package/lib/search-select/selected.d.ts +12 -10
- package/lib/search-select/utils.d.ts +6 -6
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +21 -8
- package/lib/select/select.css +2 -1
- package/lib/select/select.d.ts +9 -0
- package/lib/select/select.less +2 -1
- package/lib/select/select.variable.css +2 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +48 -4
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +218 -42
- package/lib/sideslider/index.js +40 -65
- package/lib/sideslider/sideslider.css +86 -17
- package/lib/sideslider/sideslider.d.ts +104 -20
- package/lib/sideslider/sideslider.less +107 -27
- package/lib/sideslider/sideslider.variable.css +86 -17
- package/lib/slider/index.d.ts +0 -19
- package/lib/slider/index.js +5 -45
- package/lib/slider/slider.css +0 -14
- package/lib/slider/slider.d.ts +0 -9
- package/lib/slider/slider.less +0 -15
- package/lib/slider/slider.variable.css +0 -14
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-cell.d.ts +2 -3
- package/lib/table/components/table-column.d.ts +119 -3
- package/lib/table/const.d.ts +4 -4
- package/lib/table/index.d.ts +107 -26
- package/lib/table/index.js +578 -17818
- package/lib/table/plugins/head-filter.css +4 -8
- package/lib/table/plugins/head-filter.less +3 -6
- package/lib/table/plugins/head-filter.variable.css +4 -8
- package/lib/table/plugins/use-active-columns.d.ts +2 -2
- 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 +4 -12
- package/lib/table/table.css +46 -106
- package/lib/table/table.d.ts +0 -11
- package/lib/table/table.less +58 -43
- package/lib/table/table.variable.css +46 -106
- package/lib/table/use-attributes.d.ts +1 -2
- package/lib/table/use-column.d.ts +10 -9
- package/lib/table/use-common.d.ts +1 -1
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.d.ts +299 -9
- package/lib/table-column/index.js +283 -25
- package/lib/transfer/index.js +14 -16
- package/lib/transfer/transfer.css +9 -9
- package/lib/transfer/transfer.less +3 -3
- package/lib/transfer/transfer.variable.css +9 -9
- package/lib/tree/constant.d.ts +1 -3
- package/lib/tree/index.d.ts +0 -44
- package/lib/tree/index.js +35 -17554
- package/lib/tree/props.d.ts +0 -18
- package/lib/tree/tree.css +2 -76
- package/lib/tree/tree.d.ts +2 -28
- package/lib/tree/tree.less +1 -1
- package/lib/tree/tree.variable.css +2 -76
- package/lib/tree/use-node-attribute.d.ts +0 -9
- package/lib/tree/util.d.ts +1 -1
- package/lib/upload/index.js +9 -16
- package/lib/upload/upload.type.d.ts +1 -1
- package/lib/virtual-render/index.d.ts +0 -27
- package/lib/virtual-render/index.js +80 -295
- package/lib/virtual-render/props.d.ts +0 -16
- 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 -76
- package/lib/virtual-render/virtual-render.d.ts +0 -13
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +2 -76
- 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 -15
- package/lib/scrollbar/index.js +0 -18763
- 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 -241
- 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 -75
- package/lib/scrollbar/scrollbar.less +0 -94
- package/lib/table/plugins/use-column-template.d.ts +0 -7
- package/lib/table/plugins/use-shift-key.d.ts +0 -13
- package/lib/tree/use-intersection-observer.d.ts +0 -27
- package/lib/virtual-render/use-scrollbar.d.ts +0 -24
package/lib/sideslider/index.js
CHANGED
@@ -2,9 +2,7 @@ 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
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
8
6
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__ from "../modal";
|
9
7
|
import "../modal/modal.less";
|
10
8
|
/******/ var __webpack_modules__ = ({
|
@@ -426,7 +424,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
426
424
|
;// CONCATENATED MODULE: external "../shared"
|
427
425
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
428
426
|
var y = x => () => x
|
429
|
-
const shared_namespaceObject = x({ ["
|
427
|
+
const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
430
428
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
|
431
429
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
432
430
|
try {
|
@@ -506,26 +504,18 @@ function _defineProperty(obj, key, value) {
|
|
506
504
|
;// CONCATENATED MODULE: external "vue"
|
507
505
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
508
506
|
var external_vue_y = x => () => x
|
509
|
-
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, ["
|
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 });
|
510
508
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
|
511
509
|
var regenerator = __webpack_require__(2841);
|
512
510
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
513
|
-
;// CONCATENATED MODULE: external "lodash/cloneDeep"
|
514
|
-
var cloneDeep_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
515
|
-
var cloneDeep_y = x => () => x
|
516
|
-
const cloneDeep_namespaceObject = cloneDeep_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep_13f2b125__["default"] });
|
517
511
|
;// CONCATENATED MODULE: external "../config-provider"
|
518
512
|
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
519
513
|
var config_provider_y = x => () => x
|
520
514
|
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
521
|
-
;// CONCATENATED MODULE: external "../icon"
|
522
|
-
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
523
|
-
var icon_y = x => () => x
|
524
|
-
const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight });
|
525
515
|
;// CONCATENATED MODULE: external "../modal"
|
526
516
|
var modal_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
527
517
|
var modal_y = x => () => x
|
528
|
-
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"] });
|
529
519
|
;// CONCATENATED MODULE: external "../modal/modal.less"
|
530
520
|
var modal_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
531
521
|
var modal_less_y = x => () => x
|
@@ -566,20 +556,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
566
556
|
|
567
557
|
|
568
558
|
|
569
|
-
|
570
|
-
|
571
|
-
|
572
|
-
|
573
559
|
function _isSlot(s) {
|
574
560
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
|
575
561
|
}
|
576
|
-
var
|
577
|
-
|
562
|
+
var propsMixin = modal_namespaceObject["default"].propsMixin;
|
563
|
+
var sliderPops = Object.assign({}, propsMixin);
|
564
|
+
sliderPops.width["default"] = '400';
|
565
|
+
sliderPops.height["default"] = '100%';
|
578
566
|
/* harmony default export */ const sideslider = ((0,external_vue_namespaceObject.defineComponent)({
|
579
567
|
name: 'Sideslider',
|
580
|
-
|
581
|
-
props: _objectSpread(_objectSpread({}, sliderProps), {}, {
|
582
|
-
title: shared_namespaceObject.PropTypes.string.def(''),
|
568
|
+
props: _objectSpread(_objectSpread({}, sliderPops), {}, {
|
583
569
|
direction: {
|
584
570
|
type: String,
|
585
571
|
"default": 'right',
|
@@ -595,34 +581,24 @@ sliderProps.width["default"] = '400';
|
|
595
581
|
}),
|
596
582
|
emits: ['closed', 'update:isShow', 'shown', 'hidden', 'animation-end'],
|
597
583
|
setup: function setup(props, _ref) {
|
598
|
-
var
|
599
|
-
|
600
|
-
var
|
601
|
-
var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
|
602
|
-
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
603
|
-
resolveClassName = _usePrefix.resolveClassName;
|
584
|
+
var slots = _ref.slots,
|
585
|
+
emit = _ref.emit;
|
586
|
+
var refRoot = (0,external_vue_namespaceObject.ref)(null);
|
604
587
|
var handleClose = /*#__PURE__*/function () {
|
605
588
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
|
606
|
-
var shouldClose;
|
607
589
|
return regenerator_default().wrap(function _callee$(_context) {
|
608
590
|
while (1) switch (_context.prev = _context.next) {
|
609
591
|
case 0:
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
|
614
|
-
|
615
|
-
|
616
|
-
return props.beforeClose();
|
617
|
-
case 4:
|
618
|
-
shouldClose = _context.sent;
|
619
|
-
case 5:
|
620
|
-
if (shouldClose) {
|
621
|
-
emit('update:isShow', false);
|
622
|
-
emit('closed');
|
592
|
+
// 这里无需处理 beforeClose,在 modal 中会处理
|
593
|
+
emit('update:isShow', false);
|
594
|
+
emit('closed');
|
595
|
+
setTimeout(function () {
|
596
|
+
var _refRoot$value, _refRoot$value$close;
|
597
|
+
// 有动画,推迟发布事件
|
623
598
|
emit('animation-end');
|
624
|
-
|
625
|
-
|
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:
|
626
602
|
case "end":
|
627
603
|
return _context.stop();
|
628
604
|
}
|
@@ -633,11 +609,19 @@ sliderProps.width["default"] = '400';
|
|
633
609
|
};
|
634
610
|
}();
|
635
611
|
var handleShown = function handleShown() {
|
636
|
-
|
612
|
+
// 有动画,推迟发布事件
|
613
|
+
setTimeout(function () {
|
614
|
+
emit('shown');
|
615
|
+
}, 200);
|
637
616
|
};
|
638
617
|
var handleHidden = function handleHidden() {
|
639
|
-
|
618
|
+
// 有动画,推迟发布事件
|
619
|
+
setTimeout(function () {
|
620
|
+
emit('hidden');
|
621
|
+
}, 200);
|
640
622
|
};
|
623
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
624
|
+
resolveClassName = _usePrefix.resolveClassName;
|
641
625
|
return function () {
|
642
626
|
var modelSlot = {
|
643
627
|
header: function header() {
|
@@ -645,10 +629,12 @@ sliderProps.width["default"] = '400';
|
|
645
629
|
return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
|
646
630
|
"class": "".concat(resolveClassName('sideslider-header'))
|
647
631
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
648
|
-
"class": "".concat(resolveClassName('sideslider-close')),
|
649
|
-
"onClick":
|
650
|
-
|
651
|
-
|
632
|
+
"class": "".concat(resolveClassName('sideslider-close'), " ").concat(props.direction),
|
633
|
+
"onClick": function onClick() {
|
634
|
+
return handleClose();
|
635
|
+
}
|
636
|
+
}, null), (0,external_vue_namespaceObject.createVNode)("div", {
|
637
|
+
"class": "".concat(resolveClassName('sideslider-title'), " ").concat(props.direction)
|
652
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])])]);
|
653
639
|
},
|
654
640
|
"default": function _default() {
|
@@ -667,23 +653,12 @@ sliderProps.width["default"] = '400';
|
|
667
653
|
}
|
668
654
|
});
|
669
655
|
}
|
670
|
-
|
671
|
-
|
672
|
-
|
673
|
-
|
674
|
-
return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(inheritAttrs, {
|
675
|
-
"class": _defineProperty(_defineProperty({}, resolveClassName('sideslider'), true), "is-position-".concat(props.direction), props.direction),
|
676
|
-
"isShow": props.isShow,
|
677
|
-
"width": props.width,
|
678
|
-
"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),
|
679
660
|
"extCls": props.extCls,
|
680
661
|
"closeIcon": false,
|
681
|
-
"escClose": props.escClose,
|
682
|
-
"quickClose": props.quickClose,
|
683
|
-
"showMask": props.showMask,
|
684
|
-
"transfer": props.transfer,
|
685
|
-
"renderDirective": props.renderDirective,
|
686
|
-
"zIndex": props.zIndex,
|
687
662
|
"onHidden": handleHidden,
|
688
663
|
"onShown": handleShown,
|
689
664
|
"onClose": handleClose
|
@@ -1,53 +1,122 @@
|
|
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
|
-
.bk-sideslider.is-position-left .bk-sideslider-header {
|
8
|
-
flex-direction: row-reverse;
|
9
|
-
}
|
10
8
|
.bk-sideslider .bk-modal-wrapper {
|
11
|
-
position:
|
9
|
+
position: absolute;
|
12
10
|
top: 0;
|
13
11
|
bottom: 0;
|
12
|
+
left: auto;
|
13
|
+
transform: initial;
|
14
|
+
}
|
15
|
+
.bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
|
16
|
+
overflow: auto;
|
14
17
|
}
|
15
18
|
.bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
|
19
|
+
height: 54px;
|
16
20
|
margin: 0;
|
17
|
-
|
18
|
-
box-shadow: 0 -1px 0 0 #dcdee5;
|
21
|
+
border-top: 1px solid transparent;
|
19
22
|
box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
|
20
23
|
}
|
21
24
|
.bk-sideslider-header {
|
22
|
-
|
25
|
+
width: 100%;
|
23
26
|
height: 52px;
|
24
27
|
background: #fff;
|
25
28
|
border-bottom: 1px solid #dcdee5;
|
26
29
|
}
|
27
30
|
.bk-sideslider-close {
|
28
|
-
|
29
|
-
|
30
|
-
justify-content: center;
|
31
|
+
position: absolute;
|
32
|
+
top: 0;
|
31
33
|
width: 30px;
|
32
|
-
|
34
|
+
height: 52px;
|
35
|
+
font-size: 24px;
|
36
|
+
line-height: 52px;
|
33
37
|
color: #fff;
|
38
|
+
text-align: center;
|
34
39
|
cursor: pointer;
|
35
40
|
background-color: #3a84ff;
|
36
41
|
}
|
42
|
+
.bk-sideslider-close.right {
|
43
|
+
left: 0;
|
44
|
+
}
|
45
|
+
.bk-sideslider-close.right::before {
|
46
|
+
top: 50%;
|
47
|
+
left: 50%;
|
48
|
+
display: inline-block;
|
49
|
+
width: 8px;
|
50
|
+
height: 8px;
|
51
|
+
border-top: solid 2px #fff;
|
52
|
+
border-right: solid 2px #fff;
|
53
|
+
content: '';
|
54
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
55
|
+
}
|
56
|
+
.bk-sideslider-close.left {
|
57
|
+
right: 0;
|
58
|
+
}
|
59
|
+
.bk-sideslider-close.left::before {
|
60
|
+
top: 50%;
|
61
|
+
left: 50%;
|
62
|
+
display: inline-block;
|
63
|
+
width: 8px;
|
64
|
+
height: 8px;
|
65
|
+
border-top: solid 2px #fff;
|
66
|
+
border-left: solid 2px #fff;
|
67
|
+
content: '';
|
68
|
+
transform: translate(50%, -50%) rotate(-45deg);
|
69
|
+
}
|
37
70
|
.bk-sideslider-title {
|
38
71
|
display: flex;
|
39
|
-
|
72
|
+
height: 52px;
|
73
|
+
padding-left: 30px;
|
40
74
|
font-size: 16px;
|
41
75
|
color: #313238;
|
42
76
|
align-items: center;
|
43
|
-
|
77
|
+
}
|
78
|
+
.bk-sideslider-title.right {
|
79
|
+
width: 100%;
|
80
|
+
padding: 0 0 0 46px;
|
44
81
|
}
|
45
82
|
.bk-sideslider-footer {
|
46
83
|
display: flex;
|
47
84
|
width: 100%;
|
48
|
-
height:
|
85
|
+
height: 54px;
|
49
86
|
padding: 0 24px;
|
50
87
|
margin-top: 24px;
|
51
88
|
background: #fff;
|
52
89
|
align-items: center;
|
53
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,21 +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
|
-
default:
|
64
|
-
};
|
65
|
-
}, () => 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<{
|
66
|
-
title: import("vue-types").VueTypeValidableDef<string> & {
|
67
|
-
default: string;
|
98
|
+
hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
|
99
|
+
default: number;
|
68
100
|
} & {
|
69
|
-
default:
|
101
|
+
default: number;
|
70
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<{
|
71
104
|
direction: {
|
72
105
|
type: StringConstructor;
|
73
106
|
default: string;
|
@@ -78,8 +111,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
78
111
|
} & {
|
79
112
|
default: boolean;
|
80
113
|
};
|
81
|
-
width: import("vue-types").VueTypeDef<string | number
|
82
|
-
|
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> & {
|
83
126
|
default: boolean;
|
84
127
|
} & {
|
85
128
|
default: boolean;
|
@@ -99,6 +142,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
99
142
|
} & {
|
100
143
|
default: boolean;
|
101
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
|
+
};
|
102
156
|
quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
|
103
157
|
default: boolean;
|
104
158
|
} & {
|
@@ -108,6 +162,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
108
162
|
default: string | boolean | (() => HTMLElement);
|
109
163
|
};
|
110
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
|
+
};
|
111
173
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
112
174
|
default: string;
|
113
175
|
} & {
|
@@ -117,14 +179,28 @@ declare const _default: import("vue").DefineComponent<{
|
|
117
179
|
default: "show" | "if";
|
118
180
|
};
|
119
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
|
+
});
|
120
194
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
121
195
|
default: string;
|
122
196
|
};
|
123
197
|
top: import("vue-types").VueTypeValidableDef<string> & {
|
124
198
|
default: string;
|
125
199
|
};
|
126
|
-
|
127
|
-
default:
|
200
|
+
hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
|
201
|
+
default: number;
|
202
|
+
} & {
|
203
|
+
default: number;
|
128
204
|
};
|
129
205
|
}>> & {
|
130
206
|
onHidden?: (...args: any[]) => any;
|
@@ -134,18 +210,26 @@ declare const _default: import("vue").DefineComponent<{
|
|
134
210
|
"onAnimation-end"?: (...args: any[]) => any;
|
135
211
|
}, {
|
136
212
|
title: string;
|
137
|
-
|
213
|
+
width: string | number;
|
214
|
+
height: string | number;
|
215
|
+
maxHeight: string;
|
216
|
+
extCls: string | unknown[];
|
138
217
|
top: string;
|
139
218
|
left: string;
|
140
219
|
isShow: boolean;
|
220
|
+
draggable: boolean;
|
141
221
|
transfer: string | boolean | HTMLElement;
|
142
222
|
direction: string;
|
143
223
|
renderDirective: "show" | "if";
|
144
|
-
|
224
|
+
scrollable: boolean;
|
145
225
|
showMask: boolean;
|
146
226
|
closeIcon: boolean;
|
147
227
|
escClose: boolean;
|
228
|
+
fullscreen: boolean;
|
148
229
|
quickClose: boolean;
|
149
230
|
animateType: string;
|
231
|
+
multiInstance: boolean;
|
232
|
+
bodyClass: string | unknown[];
|
233
|
+
hiddenDelay: number;
|
150
234
|
}, {}>;
|
151
235
|
export default _default;
|