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.
Files changed (88) hide show
  1. package/dist/index.cjs.js +69 -69
  2. package/dist/index.esm.js +17802 -18626
  3. package/dist/index.umd.js +69 -69
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/checkbox/index.js +4 -4
  7. package/lib/components.d.ts +0 -1
  8. package/lib/components.js +0 -1
  9. package/lib/dialog/dialog.css +77 -139
  10. package/lib/dialog/dialog.d.ts +121 -41
  11. package/lib/dialog/dialog.less +65 -10
  12. package/lib/dialog/dialog.variable.css +77 -139
  13. package/lib/dialog/index.d.ts +272 -105
  14. package/lib/dialog/index.js +100 -91
  15. package/lib/dialog/props.d.ts +48 -8
  16. package/lib/info-box/index.d.ts +2 -2
  17. package/lib/info-box/index.js +173 -312
  18. package/lib/info-box/info-box.css +7 -63
  19. package/lib/info-box/info-box.d.ts +16 -17
  20. package/lib/info-box/info-box.less +14 -76
  21. package/lib/info-box/info-box.variable.css +7 -63
  22. package/lib/modal/index.d.ts +325 -45
  23. package/lib/modal/index.js +666 -187
  24. package/lib/modal/modal.css +31 -131
  25. package/lib/modal/modal.d.ts +126 -16
  26. package/lib/modal/modal.less +28 -84
  27. package/lib/modal/modal.variable.css +31 -131
  28. package/lib/modal/props.mixin.d.ts +53 -2
  29. package/lib/radio/index.js +5 -5
  30. package/lib/select/index.d.ts +33 -0
  31. package/lib/select/index.js +4 -2
  32. package/lib/select/select.css +19 -5
  33. package/lib/select/select.d.ts +11 -0
  34. package/lib/select/select.less +26 -6
  35. package/lib/select/select.variable.css +19 -5
  36. package/lib/select/selectTagInput.d.ts +7 -0
  37. package/lib/shared/index.d.ts +1 -0
  38. package/lib/shared/index.js +48 -1
  39. package/lib/shared/mask.d.ts +11 -0
  40. package/lib/sideslider/index.d.ts +222 -31
  41. package/lib/sideslider/index.js +36 -49
  42. package/lib/sideslider/sideslider.css +42 -4
  43. package/lib/sideslider/sideslider.d.ts +105 -14
  44. package/lib/sideslider/sideslider.less +58 -13
  45. package/lib/sideslider/sideslider.variable.css +42 -4
  46. package/lib/table/const.d.ts +1 -1
  47. package/lib/table/index.d.ts +0 -23
  48. package/lib/table/index.js +43 -176
  49. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  50. package/lib/table/plugins/use-pagination.d.ts +1 -3
  51. package/lib/table/props.d.ts +0 -8
  52. package/lib/table/table.css +42 -97
  53. package/lib/table/table.d.ts +0 -11
  54. package/lib/table/table.less +58 -43
  55. package/lib/table/table.variable.css +42 -97
  56. package/lib/table/use-attributes.d.ts +0 -1
  57. package/lib/table/use-render.d.ts +1 -1
  58. package/lib/table-column/index.js +2 -6
  59. package/lib/tree/index.d.ts +0 -23
  60. package/lib/tree/index.js +3 -9
  61. package/lib/tree/props.d.ts +0 -8
  62. package/lib/tree/tree.css +2 -75
  63. package/lib/tree/tree.d.ts +0 -11
  64. package/lib/tree/tree.variable.css +2 -75
  65. package/lib/virtual-render/index.d.ts +0 -4
  66. package/lib/virtual-render/index.js +52 -253
  67. package/lib/virtual-render/props.d.ts +0 -7
  68. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  69. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  70. package/lib/virtual-render/virtual-render.css +2 -75
  71. package/lib/virtual-render/virtual-render.d.ts +0 -2
  72. package/lib/virtual-render/virtual-render.less +3 -3
  73. package/lib/virtual-render/virtual-render.variable.css +2 -75
  74. package/package.json +1 -1
  75. package/lib/info-box/render-component.d.ts +0 -4
  76. package/lib/modal/mask.d.ts +0 -6
  77. package/lib/scrollbar/index.d.ts +0 -14
  78. package/lib/scrollbar/index.js +0 -18737
  79. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  80. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  81. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -236
  82. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  83. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  84. package/lib/scrollbar/scrollbar.css +0 -74
  85. package/lib/scrollbar/scrollbar.less +0 -93
  86. package/lib/scrollbar/scrollbar.variable.css +0 -203
  87. package/lib/table/plugins/use-shift-key.d.ts +0 -11
  88. package/lib/virtual-render/use-scrollbar.d.ts +0 -23
@@ -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({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
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"], ["propsMixin"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__.propsMixin });
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 sliderProps = (0,cloneDeep_namespaceObject["default"])(modal_namespaceObject.propsMixin);
571
- sliderProps.width["default"] = '400';
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({}, sliderProps), {}, {
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 _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
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
- shouldClose = true;
603
- if (!(typeof props.beforeClose === 'function')) {
604
- _context.next = 5;
605
- break;
606
- }
607
- _context.next = 4;
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
- case 6:
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
- emit('shown');
612
+ // 有动画,推迟发布事件
613
+ setTimeout(function () {
614
+ emit('shown');
615
+ }, 200);
629
616
  };
630
617
  var handleHidden = function handleHidden() {
631
- emit('hidden');
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": handleClose
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
- "class": _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('sideslider'), true), resolveClassName('sideslider-wrapper'), true), "is-position-".concat(props.direction), props.direction),
665
- "isShow": props.isShow,
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.is-position-right .bk-modal-wrapper {
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: fixed;
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
- fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
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
- }, () => 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<{
63
- title: import("vue-types").VueTypeValidableDef<string> & {
64
- default: string;
98
+ hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
99
+ default: number;
65
100
  } & {
66
- default: string;
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
- fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
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
- fullscreen: boolean;
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
- &.is-position-right {
5
- .@{bk-prefix}-modal-wrapper {
6
- right: 0;
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: fixed;
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.is-position-right .bk-modal-wrapper {
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: fixed;
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
+ }
@@ -53,7 +53,7 @@ export declare const COLUMN_ATTRIBUTE: {
53
53
  /**
54
54
  * Y 轴滚动条宽度
55
55
  */
56
- export declare const SCROLLY_WIDTH = 0;
56
+ export declare const SCROLLY_WIDTH = 6;
57
57
  /**
58
58
  * 默认行高
59
59
  */
@@ -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>;