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.
Files changed (153) hide show
  1. package/dist/index.cjs.js +71 -71
  2. package/dist/index.esm.js +19703 -20587
  3. package/dist/index.umd.js +71 -71
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/cascader/cascader.css +3 -3
  7. package/lib/cascader/cascader.less +3 -3
  8. package/lib/cascader/cascader.variable.css +3 -3
  9. package/lib/cascader/index.js +4 -4
  10. package/lib/collapse/collapse.css +0 -11
  11. package/lib/collapse/collapse.d.ts +0 -11
  12. package/lib/collapse/collapse.less +1 -15
  13. package/lib/collapse/collapse.variable.css +0 -11
  14. package/lib/collapse/index.d.ts +0 -23
  15. package/lib/collapse/index.js +1 -9
  16. package/lib/collapse/props.d.ts +0 -8
  17. package/lib/color-picker/color-picker.css +3 -3
  18. package/lib/color-picker/color-picker.less +3 -3
  19. package/lib/color-picker/color-picker.variable.css +3 -3
  20. package/lib/color-picker/index.js +1 -1
  21. package/lib/components.d.ts +0 -1
  22. package/lib/components.js +0 -1
  23. package/lib/date-picker/base/year-table.d.ts +2 -2
  24. package/lib/date-picker/index.js +36 -111
  25. package/lib/date-picker/interface.d.ts +1 -1
  26. package/lib/date-picker/panel/date-range.d.ts +63 -1
  27. package/lib/date-picker/utils.d.ts +0 -4
  28. package/lib/dialog/dialog.css +84 -135
  29. package/lib/dialog/dialog.d.ts +132 -38
  30. package/lib/dialog/dialog.less +76 -9
  31. package/lib/dialog/dialog.variable.css +84 -135
  32. package/lib/dialog/index.d.ts +311 -96
  33. package/lib/dialog/index.js +221 -197
  34. package/lib/dialog/props.d.ts +47 -10
  35. package/lib/info-box/index.d.ts +2 -2
  36. package/lib/info-box/index.js +173 -328
  37. package/lib/info-box/info-box.css +7 -63
  38. package/lib/info-box/info-box.d.ts +16 -18
  39. package/lib/info-box/info-box.less +14 -76
  40. package/lib/info-box/info-box.variable.css +7 -63
  41. package/lib/input/index.js +1 -2
  42. package/lib/modal/hooks.d.ts +1 -1
  43. package/lib/modal/index.d.ts +345 -29
  44. package/lib/modal/index.js +703 -218
  45. package/lib/modal/modal.css +32 -131
  46. package/lib/modal/modal.d.ts +132 -11
  47. package/lib/modal/modal.less +29 -83
  48. package/lib/modal/modal.variable.css +32 -131
  49. package/lib/modal/props.mixin.d.ts +52 -4
  50. package/lib/overflow-title/index.js +52 -46
  51. package/lib/radio/index.d.ts +0 -29
  52. package/lib/radio/index.js +16 -34
  53. package/lib/radio/radio-button.d.ts +0 -10
  54. package/lib/radio/radio-group.d.ts +0 -10
  55. package/lib/radio/radio.d.ts +0 -10
  56. package/lib/rate/rate.css +0 -27
  57. package/lib/rate/rate.less +0 -33
  58. package/lib/rate/rate.variable.css +0 -27
  59. package/lib/rate/star.css +27 -0
  60. package/lib/rate/star.less +34 -0
  61. package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
  62. package/lib/search-select/index.d.ts +58 -78
  63. package/lib/search-select/index.js +311 -211
  64. package/lib/search-select/input.d.ts +6 -5
  65. package/lib/search-select/menu.d.ts +1 -1
  66. package/lib/search-select/search-select.d.ts +19 -43
  67. package/lib/search-select/selected.d.ts +12 -10
  68. package/lib/search-select/utils.d.ts +6 -6
  69. package/lib/select/index.d.ts +19 -0
  70. package/lib/select/index.js +21 -8
  71. package/lib/select/select.css +2 -1
  72. package/lib/select/select.d.ts +9 -0
  73. package/lib/select/select.less +2 -1
  74. package/lib/select/select.variable.css +2 -1
  75. package/lib/shared/index.d.ts +1 -0
  76. package/lib/shared/index.js +48 -4
  77. package/lib/shared/mask.d.ts +11 -0
  78. package/lib/sideslider/index.d.ts +218 -42
  79. package/lib/sideslider/index.js +40 -65
  80. package/lib/sideslider/sideslider.css +86 -17
  81. package/lib/sideslider/sideslider.d.ts +104 -20
  82. package/lib/sideslider/sideslider.less +107 -27
  83. package/lib/sideslider/sideslider.variable.css +86 -17
  84. package/lib/slider/index.d.ts +0 -19
  85. package/lib/slider/index.js +5 -45
  86. package/lib/slider/slider.css +0 -14
  87. package/lib/slider/slider.d.ts +0 -9
  88. package/lib/slider/slider.less +0 -15
  89. package/lib/slider/slider.variable.css +0 -14
  90. package/lib/styles/index.d.ts +1 -0
  91. package/lib/table/components/table-cell.d.ts +2 -3
  92. package/lib/table/components/table-column.d.ts +119 -3
  93. package/lib/table/const.d.ts +4 -4
  94. package/lib/table/index.d.ts +107 -26
  95. package/lib/table/index.js +578 -17818
  96. package/lib/table/plugins/head-filter.css +4 -8
  97. package/lib/table/plugins/head-filter.less +3 -6
  98. package/lib/table/plugins/head-filter.variable.css +4 -8
  99. package/lib/table/plugins/use-active-columns.d.ts +2 -2
  100. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  101. package/lib/table/plugins/use-pagination.d.ts +1 -3
  102. package/lib/table/props.d.ts +4 -12
  103. package/lib/table/table.css +46 -106
  104. package/lib/table/table.d.ts +0 -11
  105. package/lib/table/table.less +58 -43
  106. package/lib/table/table.variable.css +46 -106
  107. package/lib/table/use-attributes.d.ts +1 -2
  108. package/lib/table/use-column.d.ts +10 -9
  109. package/lib/table/use-common.d.ts +1 -1
  110. package/lib/table/use-render.d.ts +1 -1
  111. package/lib/table-column/index.d.ts +299 -9
  112. package/lib/table-column/index.js +283 -25
  113. package/lib/transfer/index.js +14 -16
  114. package/lib/transfer/transfer.css +9 -9
  115. package/lib/transfer/transfer.less +3 -3
  116. package/lib/transfer/transfer.variable.css +9 -9
  117. package/lib/tree/constant.d.ts +1 -3
  118. package/lib/tree/index.d.ts +0 -44
  119. package/lib/tree/index.js +35 -17554
  120. package/lib/tree/props.d.ts +0 -18
  121. package/lib/tree/tree.css +2 -76
  122. package/lib/tree/tree.d.ts +2 -28
  123. package/lib/tree/tree.less +1 -1
  124. package/lib/tree/tree.variable.css +2 -76
  125. package/lib/tree/use-node-attribute.d.ts +0 -9
  126. package/lib/tree/util.d.ts +1 -1
  127. package/lib/upload/index.js +9 -16
  128. package/lib/upload/upload.type.d.ts +1 -1
  129. package/lib/virtual-render/index.d.ts +0 -27
  130. package/lib/virtual-render/index.js +80 -295
  131. package/lib/virtual-render/props.d.ts +0 -16
  132. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  133. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  134. package/lib/virtual-render/virtual-render.css +2 -76
  135. package/lib/virtual-render/virtual-render.d.ts +0 -13
  136. package/lib/virtual-render/virtual-render.less +3 -3
  137. package/lib/virtual-render/virtual-render.variable.css +2 -76
  138. package/package.json +1 -1
  139. package/lib/info-box/render-component.d.ts +0 -4
  140. package/lib/modal/mask.d.ts +0 -6
  141. package/lib/scrollbar/index.d.ts +0 -15
  142. package/lib/scrollbar/index.js +0 -18763
  143. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  144. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  145. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
  146. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  147. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  148. package/lib/scrollbar/scrollbar.css +0 -75
  149. package/lib/scrollbar/scrollbar.less +0 -94
  150. package/lib/table/plugins/use-column-template.d.ts +0 -7
  151. package/lib/table/plugins/use-shift-key.d.ts +0 -13
  152. package/lib/tree/use-intersection-observer.d.ts +0 -27
  153. package/lib/virtual-render/use-scrollbar.d.ts +0 -24
@@ -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({ ["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 });
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, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["useAttrs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs, ["useSlots"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useSlots });
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"], ["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"] });
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 sliderProps = (0,cloneDeep_namespaceObject["default"])(modal_namespaceObject.propsMixin);
577
- 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%';
578
566
  /* harmony default export */ const sideslider = ((0,external_vue_namespaceObject.defineComponent)({
579
567
  name: 'Sideslider',
580
- inheritAttrs: false,
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 emit = _ref.emit;
599
- var attrs = (0,external_vue_namespaceObject.useAttrs)();
600
- var slots = (0,external_vue_namespaceObject.useSlots)();
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
- shouldClose = true;
611
- if (!(typeof props.beforeClose === 'function')) {
612
- _context.next = 5;
613
- break;
614
- }
615
- _context.next = 4;
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
- 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:
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
- emit('shown');
612
+ // 有动画,推迟发布事件
613
+ setTimeout(function () {
614
+ emit('shown');
615
+ }, 200);
637
616
  };
638
617
  var handleHidden = function handleHidden() {
639
- emit('hidden');
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": handleClose
650
- }, [props.direction === 'left' ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
651
- "class": "".concat(resolveClassName('sideslider-title'))
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
- var inheritAttrs = _objectSpread({}, attrs);
671
- if (instance.vnode.scopeId) {
672
- inheritAttrs[instance.vnode.scopeId] = '';
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.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
- .bk-sideslider.is-position-left .bk-sideslider-header {
8
- flex-direction: row-reverse;
9
- }
10
8
  .bk-sideslider .bk-modal-wrapper {
11
- position: fixed;
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
- background: #fafbfd;
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
- display: flex;
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
- display: flex;
29
- align-items: center;
30
- justify-content: center;
31
+ position: absolute;
32
+ top: 0;
31
33
  width: 30px;
32
- font-size: 26px;
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
- padding-left: 16px;
72
+ height: 52px;
73
+ padding-left: 30px;
40
74
  font-size: 16px;
41
75
  color: #313238;
42
76
  align-items: center;
43
- flex: 1;
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: 48px;
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
- 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,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
- extCls: import("vue-types").VueTypeValidableDef<string> & {
63
- default: string;
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: string;
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
- 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> & {
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
- extCls: import("vue-types").VueTypeValidableDef<string> & {
127
- default: string;
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
- extCls: string;
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
- fullscreen: boolean;
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;