bkui-vue 2.0.1-beta.5 → 2.0.1-beta.50.select.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 (124) hide show
  1. package/dist/index.cjs.js +154 -154
  2. package/dist/index.esm.js +19768 -20657
  3. package/dist/index.umd.js +154 -154
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/collapse/collapse.css +0 -11
  7. package/lib/collapse/collapse.d.ts +0 -11
  8. package/lib/collapse/collapse.less +1 -15
  9. package/lib/collapse/collapse.variable.css +0 -11
  10. package/lib/collapse/index.d.ts +0 -23
  11. package/lib/collapse/index.js +1 -9
  12. package/lib/collapse/props.d.ts +0 -8
  13. package/lib/components.d.ts +0 -1
  14. package/lib/components.js +0 -1
  15. package/lib/date-picker/base/year-table.d.ts +2 -2
  16. package/lib/date-picker/index.js +19 -93
  17. package/lib/date-picker/interface.d.ts +1 -1
  18. package/lib/date-picker/panel/date-range.d.ts +63 -1
  19. package/lib/date-picker/utils.d.ts +0 -4
  20. package/lib/dialog/dialog.css +84 -135
  21. package/lib/dialog/dialog.d.ts +132 -38
  22. package/lib/dialog/dialog.less +76 -9
  23. package/lib/dialog/dialog.variable.css +84 -135
  24. package/lib/dialog/index.d.ts +311 -96
  25. package/lib/dialog/index.js +221 -197
  26. package/lib/dialog/props.d.ts +47 -10
  27. package/lib/info-box/index.d.ts +2 -2
  28. package/lib/info-box/index.js +173 -328
  29. package/lib/info-box/info-box.css +7 -63
  30. package/lib/info-box/info-box.d.ts +16 -18
  31. package/lib/info-box/info-box.less +14 -76
  32. package/lib/info-box/info-box.variable.css +7 -63
  33. package/lib/input/index.js +1 -2
  34. package/lib/modal/hooks.d.ts +1 -1
  35. package/lib/modal/index.d.ts +345 -29
  36. package/lib/modal/index.js +703 -218
  37. package/lib/modal/modal.css +32 -131
  38. package/lib/modal/modal.d.ts +132 -11
  39. package/lib/modal/modal.less +29 -83
  40. package/lib/modal/modal.variable.css +32 -131
  41. package/lib/modal/props.mixin.d.ts +52 -4
  42. package/lib/overflow-title/index.js +52 -46
  43. package/lib/radio/index.d.ts +0 -29
  44. package/lib/radio/index.js +16 -34
  45. package/lib/radio/radio-button.d.ts +0 -10
  46. package/lib/radio/radio-group.d.ts +0 -10
  47. package/lib/radio/radio.d.ts +0 -10
  48. package/lib/select/index.d.ts +19 -0
  49. package/lib/select/index.js +21 -8
  50. package/lib/select/select.css +2 -1
  51. package/lib/select/select.d.ts +9 -0
  52. package/lib/select/select.less +2 -1
  53. package/lib/select/select.variable.css +2 -1
  54. package/lib/shared/index.d.ts +1 -0
  55. package/lib/shared/index.js +48 -4
  56. package/lib/shared/mask.d.ts +11 -0
  57. package/lib/sideslider/index.d.ts +218 -42
  58. package/lib/sideslider/index.js +40 -65
  59. package/lib/sideslider/sideslider.css +86 -17
  60. package/lib/sideslider/sideslider.d.ts +104 -20
  61. package/lib/sideslider/sideslider.less +107 -27
  62. package/lib/sideslider/sideslider.variable.css +86 -17
  63. package/lib/slider/index.d.ts +0 -19
  64. package/lib/slider/index.js +5 -45
  65. package/lib/slider/slider.css +0 -14
  66. package/lib/slider/slider.d.ts +0 -9
  67. package/lib/slider/slider.less +0 -15
  68. package/lib/slider/slider.variable.css +0 -14
  69. package/lib/table/components/table-cell.d.ts +2 -3
  70. package/lib/table/components/table-column.d.ts +119 -3
  71. package/lib/table/const.d.ts +4 -4
  72. package/lib/table/index.d.ts +107 -26
  73. package/lib/table/index.js +563 -17798
  74. package/lib/table/plugins/head-filter.css +4 -8
  75. package/lib/table/plugins/head-filter.less +3 -6
  76. package/lib/table/plugins/head-filter.variable.css +4 -8
  77. package/lib/table/plugins/use-active-columns.d.ts +2 -2
  78. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  79. package/lib/table/plugins/use-pagination.d.ts +1 -3
  80. package/lib/table/props.d.ts +3 -11
  81. package/lib/table/table.css +46 -106
  82. package/lib/table/table.d.ts +0 -11
  83. package/lib/table/table.less +58 -43
  84. package/lib/table/table.variable.css +46 -106
  85. package/lib/table/use-attributes.d.ts +1 -2
  86. package/lib/table/use-column.d.ts +10 -9
  87. package/lib/table/use-common.d.ts +1 -1
  88. package/lib/table/use-render.d.ts +1 -1
  89. package/lib/table-column/index.d.ts +299 -9
  90. package/lib/table-column/index.js +282 -24
  91. package/lib/tree/constant.d.ts +1 -3
  92. package/lib/tree/index.d.ts +0 -44
  93. package/lib/tree/index.js +25 -17548
  94. package/lib/tree/props.d.ts +0 -18
  95. package/lib/tree/tree.css +2 -76
  96. package/lib/tree/tree.d.ts +2 -28
  97. package/lib/tree/tree.variable.css +2 -76
  98. package/lib/tree/use-node-attribute.d.ts +0 -9
  99. package/lib/virtual-render/index.d.ts +0 -27
  100. package/lib/virtual-render/index.js +80 -295
  101. package/lib/virtual-render/props.d.ts +0 -16
  102. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  103. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  104. package/lib/virtual-render/virtual-render.css +2 -76
  105. package/lib/virtual-render/virtual-render.d.ts +0 -13
  106. package/lib/virtual-render/virtual-render.less +3 -3
  107. package/lib/virtual-render/virtual-render.variable.css +2 -76
  108. package/package.json +1 -1
  109. package/lib/info-box/render-component.d.ts +0 -4
  110. package/lib/modal/mask.d.ts +0 -6
  111. package/lib/scrollbar/index.d.ts +0 -15
  112. package/lib/scrollbar/index.js +0 -18763
  113. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  114. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  115. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
  116. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  117. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  118. package/lib/scrollbar/scrollbar.css +0 -75
  119. package/lib/scrollbar/scrollbar.less +0 -94
  120. package/lib/scrollbar/scrollbar.variable.css +0 -204
  121. package/lib/table/plugins/use-column-template.d.ts +0 -7
  122. package/lib/table/plugins/use-shift-key.d.ts +0 -13
  123. package/lib/tree/use-intersection-observer.d.ts +0 -27
  124. package/lib/virtual-render/use-scrollbar.d.ts +0 -24
@@ -18,9 +18,6 @@ declare const radioGroupProps: {
18
18
  default: string;
19
19
  };
20
20
  size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
21
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
22
- default: (...args: any[]) => any;
23
- };
24
21
  };
25
22
  export type RadioGroupProps = Readonly<ExtractPropTypes<typeof radioGroupProps>>;
26
23
  declare const _default: import("vue").DefineComponent<{
@@ -42,9 +39,6 @@ declare const _default: import("vue").DefineComponent<{
42
39
  default: string;
43
40
  };
44
41
  size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
45
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
46
- default: (...args: any[]) => any;
47
- };
48
42
  }, {
49
43
  resolveClassName: (cls: string) => string;
50
44
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -69,9 +63,6 @@ declare const _default: import("vue").DefineComponent<{
69
63
  default: string;
70
64
  };
71
65
  size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
72
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
73
- default: (...args: any[]) => any;
74
- };
75
66
  }>> & {
76
67
  onChange?: (value: any) => any;
77
68
  "onUpdate:modelValue"?: (value: any) => any;
@@ -80,6 +71,5 @@ declare const _default: import("vue").DefineComponent<{
80
71
  type: string;
81
72
  disabled: boolean;
82
73
  withValidate: boolean;
83
- beforeChange: (...args: any[]) => any;
84
74
  }, {}>;
85
75
  export default _default;
@@ -21,9 +21,6 @@ declare const radioProps: {
21
21
  } & {
22
22
  default: boolean;
23
23
  };
24
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
25
- default: (...args: any[]) => any;
26
- };
27
24
  };
28
25
  export type RadioProps = Readonly<ExtractPropTypes<typeof radioProps>>;
29
26
  declare const _default: import("vue").DefineComponent<{
@@ -48,9 +45,6 @@ declare const _default: import("vue").DefineComponent<{
48
45
  } & {
49
46
  default: boolean;
50
47
  };
51
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
52
- default: (...args: any[]) => any;
53
- };
54
48
  }, {
55
49
  size: import("vue").Ref<string>;
56
50
  isFocused: import("vue").Ref<boolean>;
@@ -86,9 +80,6 @@ declare const _default: import("vue").DefineComponent<{
86
80
  } & {
87
81
  default: boolean;
88
82
  };
89
- beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
90
- default: (...args: any[]) => any;
91
- };
92
83
  }>> & {
93
84
  onChange?: (value: any) => any;
94
85
  "onUpdate:modelValue"?: (value: any) => any;
@@ -97,6 +88,5 @@ declare const _default: import("vue").DefineComponent<{
97
88
  disabled: boolean;
98
89
  modelValue: string | number | boolean;
99
90
  checked: boolean;
100
- beforeChange: (...args: any[]) => any;
101
91
  }, {}>;
102
92
  export default _default;
@@ -312,6 +312,10 @@ declare const BkSelect: {
312
312
  } & {
313
313
  default: boolean;
314
314
  };
315
+ trigger: {
316
+ type: import("vue").PropType<"default" | "manual">;
317
+ default: string;
318
+ };
315
319
  }>> & {
316
320
  onFocus?: (...args: any[]) => any;
317
321
  onBlur?: (...args: any[]) => any;
@@ -1015,6 +1019,10 @@ declare const BkSelect: {
1015
1019
  } & {
1016
1020
  default: boolean;
1017
1021
  };
1022
+ trigger: {
1023
+ type: import("vue").PropType<"default" | "manual">;
1024
+ default: string;
1025
+ };
1018
1026
  }>> & {
1019
1027
  onFocus?: (...args: any[]) => any;
1020
1028
  onBlur?: (...args: any[]) => any;
@@ -1031,6 +1039,7 @@ declare const BkSelect: {
1031
1039
  prefix: string;
1032
1040
  size: "default" | "small" | "large" | "huge";
1033
1041
  disabled: boolean;
1042
+ trigger: "default" | "manual";
1034
1043
  multiple: boolean;
1035
1044
  showOnInit: boolean;
1036
1045
  placeholder: string;
@@ -1387,6 +1396,10 @@ declare const BkSelect: {
1387
1396
  } & {
1388
1397
  default: boolean;
1389
1398
  };
1399
+ trigger: {
1400
+ type: import("vue").PropType<"default" | "manual">;
1401
+ default: string;
1402
+ };
1390
1403
  }>> & {
1391
1404
  onFocus?: (...args: any[]) => any;
1392
1405
  onBlur?: (...args: any[]) => any;
@@ -1783,6 +1796,7 @@ declare const BkSelect: {
1783
1796
  prefix: string;
1784
1797
  size: "default" | "small" | "large" | "huge";
1785
1798
  disabled: boolean;
1799
+ trigger: "default" | "manual";
1786
1800
  multiple: boolean;
1787
1801
  showOnInit: boolean;
1788
1802
  placeholder: string;
@@ -2136,6 +2150,10 @@ declare const BkSelect: {
2136
2150
  } & {
2137
2151
  default: boolean;
2138
2152
  };
2153
+ trigger: {
2154
+ type: import("vue").PropType<"default" | "manual">;
2155
+ default: string;
2156
+ };
2139
2157
  }>> & {
2140
2158
  onFocus?: (...args: any[]) => any;
2141
2159
  onBlur?: (...args: any[]) => any;
@@ -2532,6 +2550,7 @@ declare const BkSelect: {
2532
2550
  prefix: string;
2533
2551
  size: "default" | "small" | "large" | "huge";
2534
2552
  disabled: boolean;
2553
+ trigger: "default" | "manual";
2535
2554
  multiple: boolean;
2536
2555
  showOnInit: boolean;
2537
2556
  placeholder: string;
@@ -2653,7 +2653,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
2653
2653
  type: Function
2654
2654
  },
2655
2655
  searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
2656
- highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false) // 搜索高亮
2656
+ highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false),
2657
+ trigger: {
2658
+ type: String,
2659
+ "default": 'default'
2660
+ } // content显示和隐藏方式
2657
2661
  },
2658
2662
  emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
2659
2663
  setup: function setup(props, _ref) {
@@ -2693,7 +2697,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
2693
2697
  filterOption = _toRefs.filterOption,
2694
2698
  searchWithPinyin = _toRefs.searchWithPinyin,
2695
2699
  highlightKeyword = _toRefs.highlightKeyword,
2696
- disableFocusBehavior = _toRefs.disableFocusBehavior;
2700
+ disableFocusBehavior = _toRefs.disableFocusBehavior,
2701
+ trigger = _toRefs.trigger;
2697
2702
  var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
2698
2703
  if (props.noDataText === undefined) {
2699
2704
  return t.value.noData;
@@ -2910,6 +2915,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
2910
2915
  hidePopover = _usePopover.hidePopover,
2911
2916
  showPopover = _usePopover.showPopover,
2912
2917
  togglePopover = _usePopover.togglePopover;
2918
+ var handleHidePopover = function handleHidePopover() {
2919
+ if (trigger.value === 'manual') return;
2920
+ hidePopover();
2921
+ };
2922
+ var handleShowPopover = function handleShowPopover() {
2923
+ if (trigger.value === 'manual') return;
2924
+ showPopover();
2925
+ };
2913
2926
  // 输入框是否可以输入内容
2914
2927
  var isInput = (0,external_vue_namespaceObject.computed)(function () {
2915
2928
  return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
@@ -3004,7 +3017,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3004
3017
  };
3005
3018
  // 派发toggle事件
3006
3019
  var handleTogglePopover = function handleTogglePopover() {
3007
- if (isDisabled.value) return;
3020
+ if (isDisabled.value || trigger.value === 'manual') return;
3008
3021
  handleFocus();
3009
3022
  togglePopover();
3010
3023
  };
@@ -3045,7 +3058,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3045
3058
  label: value
3046
3059
  }];
3047
3060
  emitChange(value);
3048
- hidePopover();
3061
+ handleHidePopover();
3049
3062
  }
3050
3063
  customOptionName.value = '';
3051
3064
  };
@@ -3089,7 +3102,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3089
3102
  }];
3090
3103
  emitChange(option.optionID);
3091
3104
  emit('select', option.optionID);
3092
- hidePopover();
3105
+ handleHidePopover();
3093
3106
  handleBlur();
3094
3107
  }
3095
3108
  };
@@ -3129,7 +3142,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3129
3142
  selected.value = [];
3130
3143
  emitChange(multiple.value ? [] : '');
3131
3144
  emit('clear', multiple.value ? [] : '');
3132
- hidePopover();
3145
+ handleHidePopover();
3133
3146
  };
3134
3147
  var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
3135
3148
  activeOptionValue.value = '';
@@ -3307,7 +3320,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3307
3320
  var event = _ref2.event;
3308
3321
  var target = event.target;
3309
3322
  if ((_triggerRef$value = triggerRef.value) !== null && _triggerRef$value !== void 0 && _triggerRef$value.contains(target) || triggerRef.value === target) return;
3310
- hidePopover();
3323
+ handleHidePopover();
3311
3324
  handleBlur();
3312
3325
  };
3313
3326
  var handlePopoverShow = function handlePopoverShow() {
@@ -3335,7 +3348,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
3335
3348
  (0,external_vue_namespaceObject.onMounted)(function () {
3336
3349
  handleSetSelectedData();
3337
3350
  setTimeout(function () {
3338
- showOnInit.value && showPopover();
3351
+ showOnInit.value && handleShowPopover();
3339
3352
  autoFocus.value && focusInput();
3340
3353
  });
3341
3354
  });
@@ -330,8 +330,9 @@
330
330
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
331
331
  position: relative;
332
332
  display: flex;
333
- min-height: 32px;
333
+ height: 32px;
334
334
  padding: 0 12px;
335
+ line-height: 32px;
335
336
  color: #63656e;
336
337
  text-align: left;
337
338
  cursor: pointer;
@@ -311,6 +311,10 @@ declare const _default: import("vue").DefineComponent<{
311
311
  } & {
312
312
  default: boolean;
313
313
  };
314
+ trigger: {
315
+ type: PropType<"default" | "manual">;
316
+ default: string;
317
+ };
314
318
  }, {
315
319
  t: import("vue").ComputedRef<{
316
320
  noData: string;
@@ -1002,6 +1006,10 @@ declare const _default: import("vue").DefineComponent<{
1002
1006
  } & {
1003
1007
  default: boolean;
1004
1008
  };
1009
+ trigger: {
1010
+ type: PropType<"default" | "manual">;
1011
+ default: string;
1012
+ };
1005
1013
  }>> & {
1006
1014
  onFocus?: (...args: any[]) => any;
1007
1015
  onBlur?: (...args: any[]) => any;
@@ -1018,6 +1026,7 @@ declare const _default: import("vue").DefineComponent<{
1018
1026
  prefix: string;
1019
1027
  size: "default" | "small" | "large" | "huge";
1020
1028
  disabled: boolean;
1029
+ trigger: "default" | "manual";
1021
1030
  multiple: boolean;
1022
1031
  showOnInit: boolean;
1023
1032
  placeholder: string;
@@ -380,8 +380,9 @@
380
380
  .@{bk-prefix}-select-option {
381
381
  position: relative;
382
382
  display: flex;
383
- min-height: 32px;
383
+ height: 32px;
384
384
  padding: 0 12px;
385
+ line-height: 32px;
385
386
  color: #63656e;
386
387
  text-align: left;
387
388
  cursor: pointer;
@@ -459,8 +459,9 @@
459
459
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
460
460
  position: relative;
461
461
  display: flex;
462
- min-height: 32px;
462
+ height: 32px;
463
463
  padding: 0 12px;
464
+ line-height: 32px;
464
465
  color: #63656e;
465
466
  text-align: left;
466
467
  cursor: pointer;
@@ -34,6 +34,7 @@ export * from './token';
34
34
  export * from './utils';
35
35
  export * from './vue-types';
36
36
  export * from './z-index-manager';
37
+ export * from './mask';
37
38
  export declare function classes(dynamicCls: object, constCls?: string): string;
38
39
  export declare const EMPTY_OBJ: any;
39
40
  export declare const noop: () => void;
@@ -89,6 +89,7 @@ __webpack_require__.d(__webpack_exports__, {
89
89
  isString: () => (/* reexport */ isString),
90
90
  isSymbol: () => (/* reexport */ isSymbol),
91
91
  lineStyleType: () => (/* reexport */ lineStyleType),
92
+ mask: () => (/* reexport */ mask),
92
93
  maybeShowTooltip: () => (/* reexport */ maybeShowTooltip),
93
94
  merge: () => (/* reexport */ merge),
94
95
  mergeIf: () => (/* reexport */ mergeIf),
@@ -445,9 +446,6 @@ function helper_isElement(obj) {
445
446
  * Whether the text content is clipped due to CSS overflow, as in showing `...`.
446
447
  */
447
448
  function hasOverflowEllipsis(element) {
448
- if (!element) {
449
- return false;
450
- }
451
449
  return element.offsetWidth < element.scrollWidth || element.offsetHeight < element.scrollHeight;
452
450
  }
453
451
  /**
@@ -1874,6 +1872,50 @@ var BKZIndexManager = /*#__PURE__*/function () {
1874
1872
  return BKZIndexManager;
1875
1873
  }();
1876
1874
  var bkZIndexManager = new BKZIndexManager();
1875
+ ;// CONCATENATED MODULE: ../../packages/shared/src/mask.ts
1876
+
1877
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1878
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1879
+ var instanceStore = new WeakMap();
1880
+ var activeModal;
1881
+ var loopSetMaskStyle = function loopSetMaskStyle(modal, show) {
1882
+ if (!modal) {
1883
+ return;
1884
+ }
1885
+ if (instanceStore.has(modal)) {
1886
+ var _instanceStore$get = instanceStore.get(modal),
1887
+ _mask = _instanceStore$get.mask,
1888
+ backgroundColor = _instanceStore$get.backgroundColor;
1889
+ _mask === null || _mask === void 0 || _mask.style.setProperty('background-color', show ? 'transparent' : backgroundColor);
1890
+ }
1891
+ };
1892
+ var showMask = function showMask(options) {
1893
+ if (!options.el) {
1894
+ return;
1895
+ }
1896
+ if (!instanceStore.has(options.el)) {
1897
+ instanceStore.set(options.el, _objectSpread(_objectSpread({}, options), {}, {
1898
+ referenceParent: activeModal
1899
+ }));
1900
+ }
1901
+ var mask = options.mask,
1902
+ backgroundColor = options.backgroundColor;
1903
+ mask === null || mask === void 0 || mask.style.setProperty('background-color', backgroundColor);
1904
+ loopSetMaskStyle(activeModal, options.showMask);
1905
+ activeModal = options.el;
1906
+ };
1907
+ var hideMask = function hideMask(options) {
1908
+ if (options.el && instanceStore.has(options.el)) {
1909
+ var _instanceStore$get2 = instanceStore.get(options.el),
1910
+ referenceParent = _instanceStore$get2.referenceParent;
1911
+ activeModal = referenceParent;
1912
+ loopSetMaskStyle(referenceParent, false);
1913
+ }
1914
+ };
1915
+ var mask = {
1916
+ showMask: showMask,
1917
+ hideMask: hideMask
1918
+ };
1877
1919
  ;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
1878
1920
 
1879
1921
 
@@ -1885,6 +1927,7 @@ var bkZIndexManager = new BKZIndexManager();
1885
1927
 
1886
1928
 
1887
1929
 
1930
+
1888
1931
  function classes(dynamicCls) {
1889
1932
  var constCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
1890
1933
  return Object.entries(dynamicCls).filter(function (entry) {
@@ -2068,6 +2111,7 @@ var __webpack_exports__isPromise = __webpack_exports__.isPromise;
2068
2111
  var __webpack_exports__isString = __webpack_exports__.isString;
2069
2112
  var __webpack_exports__isSymbol = __webpack_exports__.isSymbol;
2070
2113
  var __webpack_exports__lineStyleType = __webpack_exports__.lineStyleType;
2114
+ var __webpack_exports__mask = __webpack_exports__.mask;
2071
2115
  var __webpack_exports__maybeShowTooltip = __webpack_exports__.maybeShowTooltip;
2072
2116
  var __webpack_exports__merge = __webpack_exports__.merge;
2073
2117
  var __webpack_exports__mergeIf = __webpack_exports__.mergeIf;
@@ -2092,4 +2136,4 @@ var __webpack_exports__useFormItem = __webpack_exports__.useFormItem;
2092
2136
  var __webpack_exports__valueOrDefault = __webpack_exports__.valueOrDefault;
2093
2137
  var __webpack_exports__withInstall = __webpack_exports__.withInstall;
2094
2138
  var __webpack_exports__withInstallProps = __webpack_exports__.withInstallProps;
2095
- export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
2139
+ export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
@@ -0,0 +1,11 @@
1
+ type IMaskOption = {
2
+ el: HTMLElement;
3
+ mask?: HTMLElement;
4
+ backgroundColor?: string;
5
+ showMask?: boolean;
6
+ };
7
+ export declare const mask: {
8
+ showMask: (options: IMaskOption) => void;
9
+ hideMask: (options: IMaskOption) => void;
10
+ };
11
+ export {};