bkui-vue 0.0.1-beta.390 → 0.0.1-beta.392
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +22 -22
- package/dist/index.esm.js +0 -1
- package/dist/index.umd.js +23 -23
- package/lib/affix/index.js +128 -60
- package/lib/alert/index.js +124 -56
- package/lib/animate-number/index.js +106 -42
- package/lib/backtop/index.js +133 -61
- package/lib/badge/badge.d.ts +1 -1
- package/lib/badge/index.d.ts +4 -4
- package/lib/badge/index.js +114 -50
- package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/lib/breadcrumb/breadcrumb.d.ts +1 -1
- package/lib/breadcrumb/index.d.ts +5 -5
- package/lib/breadcrumb/index.js +133 -67
- package/lib/button/index.js +147 -68
- package/lib/card/index.js +154 -69
- package/lib/cascader/cascader.d.ts +3 -3
- package/lib/cascader/index.d.ts +10 -10
- package/lib/cascader/index.js +242 -168
- package/lib/checkbox/index.js +139 -77
- package/lib/code-diff/index.js +121 -79
- package/lib/collapse/index.js +150 -84
- package/lib/color-picker/color-picker.d.ts +1 -1
- package/lib/color-picker/index.d.ts +4 -4
- package/lib/color-picker/index.js +245 -193
- package/lib/components.js +671 -434
- package/lib/container/container.d.ts +1 -1
- package/lib/container/index.d.ts +4 -4
- package/lib/container/index.js +125 -64
- package/lib/date-picker/date-picker.d.ts +2 -2
- package/lib/date-picker/index.d.ts +7 -7
- package/lib/date-picker/index.js +563 -462
- package/lib/date-picker/panel/time-range.d.ts +3 -3
- package/lib/date-picker/panel/time.d.ts +3 -3
- package/lib/date-picker/time-picker.d.ts +3 -3
- package/lib/dialog/dialog.d.ts +2 -2
- package/lib/dialog/index.d.ts +7 -7
- package/lib/dialog/index.js +198 -108
- package/lib/directives/index.d.ts +1 -0
- package/lib/directives/index.js +139 -86
- package/lib/dist.index.js +133 -48
- package/lib/divider/index.js +118 -50
- package/lib/dropdown/dropdown.d.ts +2 -2
- package/lib/dropdown/index.d.ts +7 -7
- package/lib/dropdown/index.js +155 -73
- package/lib/exception/index.js +145 -97
- package/lib/fixed-navbar/fixed-navbar.d.ts +1 -1
- package/lib/fixed-navbar/index.d.ts +4 -4
- package/lib/fixed-navbar/index.js +107 -43
- package/lib/form/form-item.d.ts +1 -1
- package/lib/form/index.d.ts +1 -1
- package/lib/form/index.js +193 -107
- package/lib/icon/angle-double-down-line.js +90 -30
- package/lib/icon/angle-double-left-line.js +90 -30
- package/lib/icon/angle-double-left.js +90 -30
- package/lib/icon/angle-double-right-line.js +90 -30
- package/lib/icon/angle-double-right.js +90 -30
- package/lib/icon/angle-double-up-line.js +90 -30
- package/lib/icon/angle-down-fill.js +90 -30
- package/lib/icon/angle-down-line.js +90 -30
- package/lib/icon/angle-down.js +90 -30
- package/lib/icon/angle-left.js +90 -30
- package/lib/icon/angle-right.js +90 -30
- package/lib/icon/angle-up-fill.js +90 -30
- package/lib/icon/angle-up.js +90 -30
- package/lib/icon/archive-fill.js +90 -30
- package/lib/icon/arrows-left.js +90 -30
- package/lib/icon/arrows-right.js +90 -30
- package/lib/icon/audio-fill.js +90 -30
- package/lib/icon/bk.js +90 -30
- package/lib/icon/circle.js +90 -30
- package/lib/icon/close-line.js +90 -30
- package/lib/icon/close.js +90 -30
- package/lib/icon/code.js +90 -30
- package/lib/icon/cog-shape.js +90 -30
- package/lib/icon/collapse-left.js +90 -30
- package/lib/icon/copy.js +90 -30
- package/lib/icon/data-shape.js +90 -30
- package/lib/icon/del.js +90 -30
- package/lib/icon/doc-fill.js +90 -30
- package/lib/icon/done.js +90 -30
- package/lib/icon/down-shape.js +90 -30
- package/lib/icon/down-small.js +90 -30
- package/lib/icon/edit-line.js +90 -30
- package/lib/icon/ellipsis.js +90 -30
- package/lib/icon/enlarge-line.js +90 -30
- package/lib/icon/error.js +90 -30
- package/lib/icon/excel-fill.js +90 -30
- package/lib/icon/exclamation-circle-shape.js +90 -30
- package/lib/icon/eye.js +90 -30
- package/lib/icon/filliscreen-line.js +90 -30
- package/lib/icon/folder-open.js +90 -30
- package/lib/icon/folder-shape-open.js +90 -30
- package/lib/icon/folder-shape.js +90 -30
- package/lib/icon/folder.js +90 -30
- package/lib/icon/funnel.js +90 -30
- package/lib/icon/help-document-fill.js +90 -30
- package/lib/icon/help-fill.js +90 -30
- package/lib/icon/help.js +90 -30
- package/lib/icon/image-fill.js +90 -30
- package/lib/icon/img-placehoulder.js +88 -52
- package/lib/icon/index.js +255 -267
- package/lib/icon/info-line.js +88 -52
- package/lib/icon/info.js +88 -52
- package/lib/icon/left-shape.js +88 -52
- package/lib/icon/left-turn-line.js +88 -52
- package/lib/icon/narrow-line.js +88 -52
- package/lib/icon/original.js +88 -52
- package/lib/icon/pdf-fill.js +88 -52
- package/lib/icon/play-shape.js +88 -52
- package/lib/icon/plus.js +88 -52
- package/lib/icon/ppt-fill.js +88 -52
- package/lib/icon/qq.js +88 -52
- package/lib/icon/right-shape.js +88 -52
- package/lib/icon/right-turn-line.js +88 -52
- package/lib/icon/search.js +88 -52
- package/lib/icon/share.js +88 -52
- package/lib/icon/spinner.js +88 -52
- package/lib/icon/success.js +88 -52
- package/lib/icon/switcher-loading.js +88 -52
- package/lib/icon/text-file.js +88 -52
- package/lib/icon/text-fill.js +88 -52
- package/lib/icon/transfer.js +88 -52
- package/lib/icon/tree-application-shape.js +88 -52
- package/lib/icon/unfull-screen.js +88 -52
- package/lib/icon/unvisible.js +88 -52
- package/lib/icon/up-shape.js +88 -52
- package/lib/icon/upload.js +88 -52
- package/lib/icon/video-fill.js +88 -52
- package/lib/icon/warn.js +88 -52
- package/lib/icon/weixin.js +88 -52
- package/lib/image/index.js +213 -164
- package/lib/index.js +134 -50
- package/lib/info-box/index.js +206 -152
- package/lib/input/index.d.ts +4 -4
- package/lib/input/index.js +167 -99
- package/lib/input/input.d.ts +1 -1
- package/lib/link/index.d.ts +4 -4
- package/lib/link/index.js +115 -47
- package/lib/link/link.d.ts +1 -1
- package/lib/loading/index.d.ts +4 -4
- package/lib/loading/index.js +127 -67
- package/lib/loading/loading.d.ts +1 -1
- package/lib/menu/index.js +156 -92
- package/lib/message/index.js +148 -76
- package/lib/modal/index.d.ts +4 -4
- package/lib/modal/index.js +151 -85
- package/lib/modal/modal.d.ts +1 -1
- package/lib/navigation/index.js +134 -66
- package/lib/notify/index.js +153 -81
- package/lib/notify/notifyConstructor.d.ts +1 -1
- package/lib/overflow-title/index.js +128 -92
- package/lib/pagination/index.d.ts +4 -4
- package/lib/pagination/index.js +220 -131
- package/lib/pagination/pagination.d.ts +1 -1
- package/lib/plugin-popover/index.js +190 -143
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.d.ts +10 -10
- package/lib/popover/index.js +193 -148
- package/lib/popover/popover.d.ts +3 -3
- package/lib/popover2/index.js +99 -35
- package/lib/preset.js +104 -37
- package/lib/process/index.d.ts +4 -4
- package/lib/process/index.js +134 -92
- package/lib/process/process.d.ts +1 -1
- package/lib/progress/index.d.ts +7 -7
- package/lib/progress/index.js +127 -63
- package/lib/progress/progress.d.ts +2 -2
- package/lib/radio/index.js +142 -81
- package/lib/rate/index.js +127 -63
- package/lib/resize-layout/index.js +147 -79
- package/lib/search-select/index.js +220 -168
- package/lib/select/index.d.ts +10 -10
- package/lib/select/index.js +394 -315
- package/lib/select/select.d.ts +3 -3
- package/lib/shared/index.js +203 -228
- package/lib/sideslider/index.d.ts +4 -4
- package/lib/sideslider/index.js +137 -88
- package/lib/sideslider/sideslider.d.ts +1 -1
- package/lib/slider/index.d.ts +7 -7
- package/lib/slider/index.js +196 -147
- package/lib/slider/slider.d.ts +2 -2
- package/lib/steps/index.js +152 -105
- package/lib/swiper/index.js +126 -62
- package/lib/switcher/index.d.ts +4 -4
- package/lib/switcher/index.js +133 -65
- package/lib/switcher/switcher.d.ts +1 -1
- package/lib/tab/index.d.ts +4 -4
- package/lib/tab/index.js +188 -118
- package/lib/tab/tab.d.ts +1 -1
- package/lib/table/index.js +572 -457
- package/lib/table-column/index.js +197 -129
- package/lib/tag/index.js +130 -58
- package/lib/tag-input/index.d.ts +7 -7
- package/lib/tag-input/index.js +277 -175
- package/lib/tag-input/tag-input.d.ts +2 -2
- package/lib/time-picker/index.d.ts +10 -10
- package/lib/time-picker/index.js +111 -40
- package/lib/timeline/index.d.ts +4 -4
- package/lib/timeline/index.js +114 -50
- package/lib/timeline/timeline.d.ts +1 -1
- package/lib/transfer/index.js +174 -89
- package/lib/tree/index.js +235 -158
- package/lib/upload/index.d.ts +7 -7
- package/lib/upload/index.js +227 -173
- package/lib/upload/upload-list.d.ts +1 -1
- package/lib/upload/upload-trigger.d.ts +1 -1
- package/lib/upload/upload.d.ts +2 -2
- package/lib/virtual-render/index.js +154 -86
- package/package.json +1 -1
package/lib/notify/index.js
CHANGED
@@ -1,44 +1,116 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("vue"), require("../shared"), require("vue-types"), require("../icon"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["vue", "../shared", "vue-types", "../icon"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("vue"), require("../shared"), require("vue-types"), require("../icon")) : factory(root["vue"], root["../shared"], root["vue-types"], root["../icon"]);
|
8
|
+
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
|
+
}
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__210__, __WEBPACK_EXTERNAL_MODULE__6870__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
14
|
+
|
15
|
+
/***/ 6870:
|
16
|
+
/***/ ((module) => {
|
17
|
+
|
18
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
|
19
|
+
|
20
|
+
/***/ }),
|
21
|
+
|
22
|
+
/***/ 4212:
|
23
|
+
/***/ ((module) => {
|
24
|
+
|
25
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
26
|
+
|
27
|
+
/***/ }),
|
28
|
+
|
29
|
+
/***/ 748:
|
30
|
+
/***/ ((module) => {
|
31
|
+
|
32
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
33
|
+
|
34
|
+
/***/ }),
|
35
|
+
|
36
|
+
/***/ 210:
|
37
|
+
/***/ ((module) => {
|
38
|
+
|
39
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__210__;
|
40
|
+
|
41
|
+
/***/ })
|
42
|
+
|
43
|
+
/******/ });
|
8
44
|
/************************************************************************/
|
9
|
-
/******/
|
10
|
-
/******/
|
11
|
-
/******/
|
12
|
-
/******/
|
13
|
-
/******/
|
14
|
-
/******/
|
15
|
-
/******/
|
16
|
-
/******/
|
45
|
+
/******/ // The module cache
|
46
|
+
/******/ var __webpack_module_cache__ = {};
|
47
|
+
/******/
|
48
|
+
/******/ // The require function
|
49
|
+
/******/ function __webpack_require__(moduleId) {
|
50
|
+
/******/ // Check if module is in cache
|
51
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
52
|
+
/******/ if (cachedModule !== undefined) {
|
53
|
+
/******/ return cachedModule.exports;
|
17
54
|
/******/ }
|
18
|
-
/******/
|
19
|
-
/******/
|
20
|
-
/******/
|
21
|
-
/******/
|
22
|
-
/******/
|
23
|
-
/******/
|
24
|
-
/******/
|
25
|
-
/******/
|
55
|
+
/******/ // Create a new module (and put it into the cache)
|
56
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
57
|
+
/******/ // no module.id needed
|
58
|
+
/******/ // no module.loaded needed
|
59
|
+
/******/ exports: {}
|
60
|
+
/******/ };
|
61
|
+
/******/
|
62
|
+
/******/ // Execute the module function
|
63
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
64
|
+
/******/
|
65
|
+
/******/ // Return the exports of the module
|
66
|
+
/******/ return module.exports;
|
67
|
+
/******/ }
|
68
|
+
/******/
|
69
|
+
/************************************************************************/
|
70
|
+
/******/ /* webpack/runtime/define property getters */
|
71
|
+
/******/ (() => {
|
72
|
+
/******/ // define getter functions for harmony exports
|
73
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
74
|
+
/******/ for(var key in definition) {
|
75
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
76
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
77
|
+
/******/ }
|
78
|
+
/******/ }
|
79
|
+
/******/ };
|
80
|
+
/******/ })();
|
81
|
+
/******/
|
82
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
83
|
+
/******/ (() => {
|
84
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
85
|
+
/******/ })();
|
86
|
+
/******/
|
87
|
+
/******/ /* webpack/runtime/make namespace object */
|
88
|
+
/******/ (() => {
|
89
|
+
/******/ // define __esModule on exports
|
90
|
+
/******/ __webpack_require__.r = (exports) => {
|
91
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
92
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
93
|
+
/******/ }
|
94
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
95
|
+
/******/ };
|
96
|
+
/******/ })();
|
97
|
+
/******/
|
26
98
|
/************************************************************************/
|
27
99
|
var __webpack_exports__ = {};
|
100
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
101
|
+
(() => {
|
102
|
+
// ESM COMPAT FLAG
|
103
|
+
__webpack_require__.r(__webpack_exports__);
|
28
104
|
|
29
105
|
// EXPORTS
|
30
106
|
__webpack_require__.d(__webpack_exports__, {
|
31
|
-
"
|
107
|
+
"default": () => (/* binding */ src)
|
32
108
|
});
|
33
109
|
|
34
|
-
|
35
|
-
var
|
36
|
-
|
37
|
-
|
38
|
-
;// CONCATENATED MODULE: external "../shared"
|
39
|
-
var external_shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
40
|
-
var external_shared_y = x => () => x
|
41
|
-
const external_shared_namespaceObject = external_shared_x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement });
|
110
|
+
// EXTERNAL MODULE: external "vue"
|
111
|
+
var external_vue_ = __webpack_require__(748);
|
112
|
+
// EXTERNAL MODULE: external "../shared"
|
113
|
+
var external_shared_ = __webpack_require__(4212);
|
42
114
|
;// CONCATENATED MODULE: ../../packages/hooks/use-message.ts
|
43
115
|
/*
|
44
116
|
* Tencent is pleased to support the open source community by making
|
@@ -102,18 +174,18 @@ var Message = function Message(constructor, options) {
|
|
102
174
|
id: id
|
103
175
|
});
|
104
176
|
var container = document.createElement('div');
|
105
|
-
var vm = (0,
|
177
|
+
var vm = (0,external_vue_.createVNode)(constructor, opts);
|
106
178
|
|
107
179
|
vm.props.onDestroy = function (id) {
|
108
180
|
use_message_close(id, position, spacing, userOnClose);
|
109
|
-
(0,
|
181
|
+
(0,external_vue_.render)(null, container);
|
110
182
|
};
|
111
183
|
|
112
|
-
(0,
|
184
|
+
(0,external_vue_.render)(vm, container);
|
113
185
|
instances[position].push(vm);
|
114
186
|
var target;
|
115
187
|
|
116
|
-
if (vm.props.getContainer && (0,
|
188
|
+
if (vm.props.getContainer && (0,external_shared_.isElement)(vm.props.getContainer)) {
|
117
189
|
target = vm.props.getContainer;
|
118
190
|
} else {
|
119
191
|
target = document.body;
|
@@ -159,14 +231,10 @@ function _defineProperty(obj, key, value) {
|
|
159
231
|
|
160
232
|
return obj;
|
161
233
|
}
|
162
|
-
|
163
|
-
var
|
164
|
-
|
165
|
-
|
166
|
-
;// CONCATENATED MODULE: external "../icon"
|
167
|
-
var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
168
|
-
var external_icon_y = x => () => x
|
169
|
-
const external_icon_namespaceObject = external_icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Error, ["Info"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Info, ["Success"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Success, ["Warn"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Warn });
|
234
|
+
// EXTERNAL MODULE: external "vue-types"
|
235
|
+
var external_vue_types_ = __webpack_require__(210);
|
236
|
+
// EXTERNAL MODULE: external "../icon"
|
237
|
+
var external_icon_ = __webpack_require__(6870);
|
170
238
|
;// CONCATENATED MODULE: ../../packages/notify/src/notifyConstructor.tsx
|
171
239
|
|
172
240
|
|
@@ -210,48 +278,48 @@ var NotifyThemeEnum;
|
|
210
278
|
})(NotifyThemeEnum || (NotifyThemeEnum = {}));
|
211
279
|
|
212
280
|
var notifyProps = {
|
213
|
-
id:
|
214
|
-
title:
|
215
|
-
message:
|
216
|
-
theme: (0,
|
217
|
-
position:
|
218
|
-
delay:
|
219
|
-
dismissable:
|
220
|
-
offsetX:
|
221
|
-
offsetY:
|
222
|
-
spacing:
|
223
|
-
extCls:
|
224
|
-
onClose:
|
281
|
+
id: external_shared_.PropTypes.string.def(''),
|
282
|
+
title: external_shared_.PropTypes.string.def(''),
|
283
|
+
message: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.string, external_shared_.PropTypes.func]).def(''),
|
284
|
+
theme: (0,external_vue_types_.toType)('notifyTheme', {}).def(NotifyThemeEnum.PRIMARY),
|
285
|
+
position: external_shared_.PropTypes.position().def('top-right'),
|
286
|
+
delay: external_shared_.PropTypes.number.def(5000),
|
287
|
+
dismissable: external_shared_.PropTypes.bool.def(true),
|
288
|
+
offsetX: external_shared_.PropTypes.number.def(100),
|
289
|
+
offsetY: external_shared_.PropTypes.number.def(30),
|
290
|
+
spacing: external_shared_.PropTypes.number.def(10),
|
291
|
+
extCls: external_shared_.PropTypes.string.def(''),
|
292
|
+
onClose: external_shared_.PropTypes.func
|
225
293
|
};
|
226
|
-
/* harmony default export */ const notifyConstructor = ((0,
|
294
|
+
/* harmony default export */ const notifyConstructor = ((0,external_vue_.defineComponent)({
|
227
295
|
name: 'Notify',
|
228
296
|
props: notifyProps,
|
229
297
|
emits: ['destroy'],
|
230
298
|
setup: function setup(props, _ref) {
|
231
299
|
var emit = _ref.emit;
|
232
|
-
var zIndex =
|
233
|
-
var horizontalClass = (0,
|
300
|
+
var zIndex = external_shared_.bkZIndexManager.getMessageNextIndex();
|
301
|
+
var horizontalClass = (0,external_vue_.computed)(function () {
|
234
302
|
return props.position.indexOf('right') > 1 ? 'right' : 'left';
|
235
303
|
});
|
236
|
-
var verticalProperty = (0,
|
304
|
+
var verticalProperty = (0,external_vue_.computed)(function () {
|
237
305
|
return props.position.startsWith('top') ? 'top' : 'bottom';
|
238
306
|
});
|
239
|
-
var styles = (0,
|
307
|
+
var styles = (0,external_vue_.computed)(function () {
|
240
308
|
var _ref2;
|
241
309
|
|
242
310
|
return _ref2 = {}, _defineProperty(_ref2, horizontalClass.value, "".concat(props.offsetX, "px")), _defineProperty(_ref2, verticalProperty.value, "".concat(props.offsetY, "px")), _defineProperty(_ref2, "zIndex", zIndex), _ref2;
|
243
311
|
});
|
244
|
-
var classNames = (0,
|
312
|
+
var classNames = (0,external_vue_.computed)(function () {
|
245
313
|
return ['bk-notify', "bk-notify-".concat(props.theme), horizontalClass.value];
|
246
314
|
});
|
247
|
-
var renderMessage = (0,
|
315
|
+
var renderMessage = (0,external_vue_.computed)(function () {
|
248
316
|
if (typeof props.message === 'function') {
|
249
317
|
return props.message();
|
250
318
|
}
|
251
319
|
|
252
320
|
return props.message;
|
253
321
|
});
|
254
|
-
var visible = (0,
|
322
|
+
var visible = (0,external_vue_.ref)(false);
|
255
323
|
var timer = null;
|
256
324
|
|
257
325
|
var startTimer = function startTimer() {
|
@@ -264,14 +332,14 @@ var notifyProps = {
|
|
264
332
|
visible.value = false;
|
265
333
|
};
|
266
334
|
|
267
|
-
(0,
|
335
|
+
(0,external_vue_.onMounted)(function () {
|
268
336
|
props.delay && startTimer();
|
269
337
|
visible.value = true;
|
270
338
|
});
|
271
|
-
(0,
|
339
|
+
(0,external_vue_.onUnmounted)(function () {
|
272
340
|
clearTimeout(timer);
|
273
341
|
});
|
274
|
-
(0,
|
342
|
+
(0,external_vue_.watch)(visible, function () {
|
275
343
|
if (!visible.value) {
|
276
344
|
emit('destroy', props.id);
|
277
345
|
}
|
@@ -289,33 +357,33 @@ var notifyProps = {
|
|
289
357
|
|
290
358
|
var renderIcon = function renderIcon() {
|
291
359
|
var iconMap = {
|
292
|
-
primary: (0,
|
293
|
-
warning: (0,
|
294
|
-
success: (0,
|
295
|
-
error: (0,
|
360
|
+
primary: (0,external_vue_.createVNode)(external_icon_.Info, null, null),
|
361
|
+
warning: (0,external_vue_.createVNode)(external_icon_.Warn, null, null),
|
362
|
+
success: (0,external_vue_.createVNode)(external_icon_.Success, null, null),
|
363
|
+
error: (0,external_vue_.createVNode)(external_icon_.Close, null, null)
|
296
364
|
};
|
297
365
|
return iconMap[_this.theme];
|
298
366
|
};
|
299
367
|
|
300
|
-
return (0,
|
368
|
+
return (0,external_vue_.createVNode)(external_vue_.Transition, {
|
301
369
|
"name": "bk-notify-fade"
|
302
370
|
}, {
|
303
371
|
"default": function _default() {
|
304
|
-
return [(0,
|
372
|
+
return [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
|
305
373
|
"class": _this.classNames,
|
306
374
|
"style": _this.styles
|
307
|
-
}, [(0,
|
375
|
+
}, [(0,external_vue_.createVNode)("div", {
|
308
376
|
"class": "bk-notify-content"
|
309
|
-
}, [(0,
|
377
|
+
}, [(0,external_vue_.createVNode)("div", {
|
310
378
|
"class": "bk-notify-icon"
|
311
|
-
}, [renderIcon()]), _this.title ? (0,
|
379
|
+
}, [renderIcon()]), _this.title ? (0,external_vue_.createVNode)("div", {
|
312
380
|
"class": "bk-notify-content-header"
|
313
|
-
}, [_this.title]) : '', (0,
|
381
|
+
}, [_this.title]) : '', (0,external_vue_.createVNode)("div", {
|
314
382
|
"class": "bk-notify-content-text"
|
315
|
-
}, [_this.renderMessage])]), _this.dismissable && (0,
|
383
|
+
}, [_this.renderMessage])]), _this.dismissable && (0,external_vue_.createVNode)(external_icon_.Error, {
|
316
384
|
"class": "bk-notify-icon bk-notify-close",
|
317
385
|
"onClick": _this.handleClose
|
318
|
-
}, null)]), [[
|
386
|
+
}, null)]), [[external_vue_.vShow, _this.visible]])];
|
319
387
|
}
|
320
388
|
});
|
321
389
|
}
|
@@ -354,5 +422,9 @@ var Notify = function Notify(options) {
|
|
354
422
|
};
|
355
423
|
|
356
424
|
/* harmony default export */ const src = (Notify);
|
357
|
-
|
358
|
-
|
425
|
+
})();
|
426
|
+
|
427
|
+
/******/ return __webpack_exports__;
|
428
|
+
/******/ })()
|
429
|
+
;
|
430
|
+
});
|
@@ -119,8 +119,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
119
119
|
title: string;
|
120
120
|
id: string;
|
121
121
|
theme: "error" | "success" | "warning" | "primary";
|
122
|
-
extCls: string;
|
123
122
|
position: string;
|
123
|
+
extCls: string;
|
124
124
|
onClose: (...args: any[]) => any;
|
125
125
|
message: any;
|
126
126
|
offsetX: number;
|
@@ -1,7 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../popover"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../popover"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../popover")) : factory(root["../shared"], root["vue"], root["../popover"]);
|
8
|
+
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
|
+
}
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__5537__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
5
14
|
|
6
15
|
/***/ 35:
|
7
16
|
/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
@@ -139,90 +148,119 @@ module.exports = function (i) {
|
|
139
148
|
return i[1];
|
140
149
|
};
|
141
150
|
|
151
|
+
/***/ }),
|
152
|
+
|
153
|
+
/***/ 5537:
|
154
|
+
/***/ ((module) => {
|
155
|
+
|
156
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__5537__;
|
157
|
+
|
158
|
+
/***/ }),
|
159
|
+
|
160
|
+
/***/ 4212:
|
161
|
+
/***/ ((module) => {
|
162
|
+
|
163
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
164
|
+
|
165
|
+
/***/ }),
|
166
|
+
|
167
|
+
/***/ 748:
|
168
|
+
/***/ ((module) => {
|
169
|
+
|
170
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
171
|
+
|
142
172
|
/***/ })
|
143
173
|
|
144
|
-
/******/
|
174
|
+
/******/ });
|
145
175
|
/************************************************************************/
|
146
|
-
/******/
|
147
|
-
/******/
|
148
|
-
/******/
|
149
|
-
/******/
|
150
|
-
/******/
|
151
|
-
/******/
|
152
|
-
/******/
|
153
|
-
/******/
|
154
|
-
/******/
|
176
|
+
/******/ // The module cache
|
177
|
+
/******/ var __webpack_module_cache__ = {};
|
178
|
+
/******/
|
179
|
+
/******/ // The require function
|
180
|
+
/******/ function __webpack_require__(moduleId) {
|
181
|
+
/******/ // Check if module is in cache
|
182
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
183
|
+
/******/ if (cachedModule !== undefined) {
|
184
|
+
/******/ return cachedModule.exports;
|
185
|
+
/******/ }
|
186
|
+
/******/ // Create a new module (and put it into the cache)
|
187
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
188
|
+
/******/ id: moduleId,
|
189
|
+
/******/ // no module.loaded needed
|
190
|
+
/******/ exports: {}
|
191
|
+
/******/ };
|
192
|
+
/******/
|
193
|
+
/******/ // Execute the module function
|
194
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
195
|
+
/******/
|
196
|
+
/******/ // Return the exports of the module
|
197
|
+
/******/ return module.exports;
|
155
198
|
/******/ }
|
156
|
-
/******/
|
157
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
158
|
-
/******/ id: moduleId,
|
159
|
-
/******/ // no module.loaded needed
|
160
|
-
/******/ exports: {}
|
161
|
-
/******/ };
|
162
|
-
/******/
|
163
|
-
/******/ // Execute the module function
|
164
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
165
|
-
/******/
|
166
|
-
/******/ // Return the exports of the module
|
167
|
-
/******/ return module.exports;
|
168
|
-
/******/ }
|
169
|
-
/******/
|
199
|
+
/******/
|
170
200
|
/************************************************************************/
|
171
|
-
/******/
|
172
|
-
/******/
|
173
|
-
/******/
|
174
|
-
/******/
|
175
|
-
/******/
|
176
|
-
/******/
|
177
|
-
/******/
|
178
|
-
/******/
|
179
|
-
/******/
|
180
|
-
/******/
|
181
|
-
/******/
|
182
|
-
/******/
|
183
|
-
/******/
|
184
|
-
/******/
|
185
|
-
/******/
|
186
|
-
/******/
|
187
|
-
/******/
|
188
|
-
/******/
|
189
|
-
/******/
|
201
|
+
/******/ /* webpack/runtime/compat get default export */
|
202
|
+
/******/ (() => {
|
203
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
204
|
+
/******/ __webpack_require__.n = (module) => {
|
205
|
+
/******/ var getter = module && module.__esModule ?
|
206
|
+
/******/ () => (module['default']) :
|
207
|
+
/******/ () => (module);
|
208
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
209
|
+
/******/ return getter;
|
210
|
+
/******/ };
|
211
|
+
/******/ })();
|
212
|
+
/******/
|
213
|
+
/******/ /* webpack/runtime/define property getters */
|
214
|
+
/******/ (() => {
|
215
|
+
/******/ // define getter functions for harmony exports
|
216
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
217
|
+
/******/ for(var key in definition) {
|
218
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
219
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
220
|
+
/******/ }
|
190
221
|
/******/ }
|
191
|
-
/******/ }
|
192
|
-
/******/ };
|
193
|
-
/******/
|
194
|
-
/******/
|
195
|
-
/******/
|
196
|
-
/******/ (
|
197
|
-
/******/
|
198
|
-
/******/
|
199
|
-
/******/
|
222
|
+
/******/ };
|
223
|
+
/******/ })();
|
224
|
+
/******/
|
225
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
226
|
+
/******/ (() => {
|
227
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
228
|
+
/******/ })();
|
229
|
+
/******/
|
230
|
+
/******/ /* webpack/runtime/make namespace object */
|
231
|
+
/******/ (() => {
|
232
|
+
/******/ // define __esModule on exports
|
233
|
+
/******/ __webpack_require__.r = (exports) => {
|
234
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
235
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
236
|
+
/******/ }
|
237
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
238
|
+
/******/ };
|
239
|
+
/******/ })();
|
240
|
+
/******/
|
200
241
|
/************************************************************************/
|
201
242
|
var __webpack_exports__ = {};
|
202
243
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
203
244
|
(() => {
|
245
|
+
// ESM COMPAT FLAG
|
246
|
+
__webpack_require__.r(__webpack_exports__);
|
204
247
|
|
205
248
|
// EXPORTS
|
206
249
|
__webpack_require__.d(__webpack_exports__, {
|
207
|
-
"
|
208
|
-
"
|
209
|
-
"
|
210
|
-
"
|
211
|
-
"
|
250
|
+
"OverflowTitle": () => (/* reexport */ OverflowTitle),
|
251
|
+
"default": () => (/* binding */ src),
|
252
|
+
"getActualWidthByCanvas": () => (/* reexport */ utils_getActualWidthByCanvas),
|
253
|
+
"getActualWidthByDom": () => (/* reexport */ utils_getActualWidthByDom),
|
254
|
+
"overflowTitle": () => (/* reexport */ directive_overflowTitle)
|
212
255
|
});
|
213
256
|
|
214
|
-
|
215
|
-
var
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
var
|
220
|
-
var
|
221
|
-
const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef });
|
222
|
-
;// CONCATENATED MODULE: external "../popover"
|
223
|
-
var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
224
|
-
var external_popover_y = x => () => x
|
225
|
-
const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
|
257
|
+
// EXTERNAL MODULE: external "../shared"
|
258
|
+
var external_shared_ = __webpack_require__(4212);
|
259
|
+
// EXTERNAL MODULE: external "vue"
|
260
|
+
var external_vue_ = __webpack_require__(748);
|
261
|
+
// EXTERNAL MODULE: external "../popover"
|
262
|
+
var external_popover_ = __webpack_require__(5537);
|
263
|
+
var external_popover_default = /*#__PURE__*/__webpack_require__.n(external_popover_);
|
226
264
|
;// CONCATENATED MODULE: ../../packages/overflow-title/src/props.ts
|
227
265
|
/* harmony default export */ const props = ({
|
228
266
|
content: String,
|
@@ -306,16 +344,16 @@ var overflow = __webpack_require__(35);
|
|
306
344
|
|
307
345
|
|
308
346
|
|
309
|
-
/* harmony default export */ const OverflowTitle = ((0,
|
347
|
+
/* harmony default export */ const OverflowTitle = ((0,external_vue_.defineComponent)({
|
310
348
|
name: 'OverflowTitle',
|
311
349
|
props: props,
|
312
350
|
setup: function setup(props, _ref) {
|
313
351
|
var slots = _ref.slots;
|
314
|
-
var boxRef = (0,
|
315
|
-
var textRef = (0,
|
316
|
-
var isShowTips = (0,
|
317
|
-
var textProps = (0,
|
318
|
-
var contentText = (0,
|
352
|
+
var boxRef = (0,external_vue_.ref)(null);
|
353
|
+
var textRef = (0,external_vue_.ref)(null);
|
354
|
+
var isShowTips = (0,external_vue_.ref)(false);
|
355
|
+
var textProps = (0,external_vue_.shallowRef)();
|
356
|
+
var contentText = (0,external_vue_.computed)(function () {
|
319
357
|
var _a;
|
320
358
|
|
321
359
|
if (props.content) {
|
@@ -324,9 +362,9 @@ var overflow = __webpack_require__(35);
|
|
324
362
|
|
325
363
|
return (_a = slots === null || slots === void 0 ? void 0 : slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots);
|
326
364
|
});
|
327
|
-
(0,
|
365
|
+
(0,external_vue_.onMounted)(function () {
|
328
366
|
var clientWidth = boxRef.value.clientWidth;
|
329
|
-
var resizeHandler = (0,
|
367
|
+
var resizeHandler = (0,external_shared_.debounce)(500, function () {
|
330
368
|
isShowTips.value = false;
|
331
369
|
textProps.value = {};
|
332
370
|
var textWidth = 0;
|
@@ -359,7 +397,7 @@ var overflow = __webpack_require__(35);
|
|
359
397
|
if (props.resizeable) {
|
360
398
|
var observer = new ResizeObserver(resizeHandler);
|
361
399
|
observer.observe(boxRef.value);
|
362
|
-
(0,
|
400
|
+
(0,external_vue_.onUnmounted)(function () {
|
363
401
|
observer.unobserve(boxRef.value);
|
364
402
|
observer.disconnect();
|
365
403
|
});
|
@@ -376,14 +414,14 @@ var overflow = __webpack_require__(35);
|
|
376
414
|
render: function render() {
|
377
415
|
var _this = this;
|
378
416
|
|
379
|
-
return (0,
|
417
|
+
return (0,external_vue_.createVNode)("div", {
|
380
418
|
"ref": "boxRef",
|
381
419
|
"class": "position-relative"
|
382
|
-
}, [(0,
|
420
|
+
}, [(0,external_vue_.createVNode)((external_popover_default()), {
|
383
421
|
"disabled": this.type === 'title'
|
384
422
|
}, {
|
385
423
|
"default": function _default() {
|
386
|
-
return (0,
|
424
|
+
return (0,external_vue_.createVNode)("div", (0,external_vue_.mergeProps)({
|
387
425
|
"ref": "textRef",
|
388
426
|
"class": "text-ov"
|
389
427
|
}, _this.textProps), [_this.contentText]);
|
@@ -463,14 +501,12 @@ var overflowTitle = {
|
|
463
501
|
|
464
502
|
|
465
503
|
|
466
|
-
var BkOverflowTitle = (0,
|
504
|
+
var BkOverflowTitle = (0,external_shared_.withInstall)(OverflowTitle);
|
467
505
|
|
468
506
|
/* harmony default export */ const src = (BkOverflowTitle);
|
469
507
|
})();
|
470
508
|
|
471
|
-
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
var __webpack_exports__overflowTitle = __webpack_exports__.$s;
|
476
|
-
export { __webpack_exports__OverflowTitle as OverflowTitle, __webpack_exports__default as default, __webpack_exports__getActualWidthByCanvas as getActualWidthByCanvas, __webpack_exports__getActualWidthByDom as getActualWidthByDom, __webpack_exports__overflowTitle as overflowTitle };
|
509
|
+
/******/ return __webpack_exports__;
|
510
|
+
/******/ })()
|
511
|
+
;
|
512
|
+
});
|