bkui-vue 0.0.1-beta.391 → 0.0.1-beta.393
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 +35 -35
- package/dist/index.esm.js +856 -857
- package/dist/index.umd.js +9 -9
- 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/index.js +114 -50
- package/lib/breadcrumb/index.js +133 -67
- package/lib/button/index.js +147 -68
- package/lib/card/index.js +154 -69
- 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/index.js +245 -193
- package/lib/components.js +671 -434
- package/lib/container/index.js +125 -64
- package/lib/date-picker/index.js +563 -462
- package/lib/dialog/index.js +198 -108
- package/lib/directives/index.js +138 -92
- package/lib/dist.index.js +133 -48
- package/lib/divider/index.js +118 -50
- package/lib/dropdown/index.js +155 -73
- package/lib/exception/index.js +145 -97
- package/lib/fixed-navbar/index.js +107 -43
- 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.js +167 -99
- package/lib/link/index.js +115 -47
- package/lib/loading/index.js +127 -67
- package/lib/menu/index.js +156 -92
- package/lib/message/index.js +148 -76
- package/lib/modal/index.js +151 -85
- package/lib/navigation/index.js +134 -66
- package/lib/notify/index.js +153 -81
- package/lib/overflow-title/index.js +128 -92
- package/lib/pagination/index.js +220 -131
- package/lib/plugin-popover/index.js +329 -148
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.js +332 -153
- package/lib/popover2/index.js +99 -35
- package/lib/preset.js +104 -37
- package/lib/process/index.js +134 -92
- package/lib/progress/index.js +127 -63
- 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.js +394 -315
- package/lib/shared/index.js +203 -228
- package/lib/sideslider/index.js +137 -88
- package/lib/slider/index.js +196 -147
- package/lib/steps/index.js +152 -105
- package/lib/swiper/index.js +126 -62
- package/lib/switcher/index.js +133 -65
- package/lib/tab/index.js +188 -118
- 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.js +277 -175
- package/lib/time-picker/index.js +111 -40
- package/lib/timeline/index.js +114 -50
- package/lib/transfer/index.js +174 -89
- package/lib/tree/index.js +235 -158
- package/lib/upload/index.js +227 -173
- package/lib/virtual-render/index.js +154 -86
- package/package.json +1 -1
package/lib/menu/index.js
CHANGED
@@ -1,43 +1,111 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../icon/"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../icon/"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../icon/")) : factory(root["../shared"], root["vue"], root["../icon/"]);
|
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__7685__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
14
|
+
|
15
|
+
/***/ 7685:
|
16
|
+
/***/ ((module) => {
|
17
|
+
|
18
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__7685__;
|
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
|
+
/******/ });
|
7
37
|
/************************************************************************/
|
8
|
-
/******/
|
9
|
-
/******/
|
10
|
-
/******/
|
11
|
-
/******/
|
12
|
-
/******/
|
13
|
-
/******/
|
14
|
-
/******/
|
15
|
-
/******/
|
38
|
+
/******/ // The module cache
|
39
|
+
/******/ var __webpack_module_cache__ = {};
|
40
|
+
/******/
|
41
|
+
/******/ // The require function
|
42
|
+
/******/ function __webpack_require__(moduleId) {
|
43
|
+
/******/ // Check if module is in cache
|
44
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
45
|
+
/******/ if (cachedModule !== undefined) {
|
46
|
+
/******/ return cachedModule.exports;
|
16
47
|
/******/ }
|
17
|
-
/******/
|
18
|
-
/******/
|
19
|
-
/******/
|
20
|
-
/******/
|
21
|
-
/******/
|
22
|
-
/******/
|
23
|
-
/******/
|
24
|
-
/******/
|
48
|
+
/******/ // Create a new module (and put it into the cache)
|
49
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
50
|
+
/******/ // no module.id needed
|
51
|
+
/******/ // no module.loaded needed
|
52
|
+
/******/ exports: {}
|
53
|
+
/******/ };
|
54
|
+
/******/
|
55
|
+
/******/ // Execute the module function
|
56
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
57
|
+
/******/
|
58
|
+
/******/ // Return the exports of the module
|
59
|
+
/******/ return module.exports;
|
60
|
+
/******/ }
|
61
|
+
/******/
|
62
|
+
/************************************************************************/
|
63
|
+
/******/ /* webpack/runtime/define property getters */
|
64
|
+
/******/ (() => {
|
65
|
+
/******/ // define getter functions for harmony exports
|
66
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
67
|
+
/******/ for(var key in definition) {
|
68
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
69
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
70
|
+
/******/ }
|
71
|
+
/******/ }
|
72
|
+
/******/ };
|
73
|
+
/******/ })();
|
74
|
+
/******/
|
75
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
76
|
+
/******/ (() => {
|
77
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
78
|
+
/******/ })();
|
79
|
+
/******/
|
80
|
+
/******/ /* webpack/runtime/make namespace object */
|
81
|
+
/******/ (() => {
|
82
|
+
/******/ // define __esModule on exports
|
83
|
+
/******/ __webpack_require__.r = (exports) => {
|
84
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
85
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
86
|
+
/******/ }
|
87
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
88
|
+
/******/ };
|
89
|
+
/******/ })();
|
90
|
+
/******/
|
25
91
|
/************************************************************************/
|
26
92
|
var __webpack_exports__ = {};
|
93
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
94
|
+
(() => {
|
95
|
+
// ESM COMPAT FLAG
|
96
|
+
__webpack_require__.r(__webpack_exports__);
|
27
97
|
|
28
98
|
// EXPORTS
|
29
99
|
__webpack_require__.d(__webpack_exports__, {
|
30
|
-
"
|
31
|
-
"
|
32
|
-
"
|
33
|
-
"
|
34
|
-
"
|
100
|
+
"BkMenu": () => (/* binding */ BkMenu),
|
101
|
+
"BkMenuGroup": () => (/* reexport */ menu_group),
|
102
|
+
"BkMenuItem": () => (/* reexport */ menu_item),
|
103
|
+
"BkSubmenu": () => (/* reexport */ submenu),
|
104
|
+
"default": () => (/* binding */ src)
|
35
105
|
});
|
36
106
|
|
37
|
-
|
38
|
-
var
|
39
|
-
var y = x => () => x
|
40
|
-
const external_shared_namespaceObject = x({ ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
|
107
|
+
// EXTERNAL MODULE: external "../shared"
|
108
|
+
var external_shared_ = __webpack_require__(4212);
|
41
109
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
42
110
|
function _defineProperty(obj, key, value) {
|
43
111
|
if (key in obj) {
|
@@ -94,10 +162,8 @@ function _nonIterableSpread() {
|
|
94
162
|
function _toConsumableArray(arr) {
|
95
163
|
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
96
164
|
}
|
97
|
-
|
98
|
-
var
|
99
|
-
var external_vue_y = x => () => x
|
100
|
-
const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["watchEffect"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watchEffect, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
|
165
|
+
// EXTERNAL MODULE: external "vue"
|
166
|
+
var external_vue_ = __webpack_require__(748);
|
101
167
|
;// CONCATENATED MODULE: ../../packages/menu/src/utils.ts
|
102
168
|
|
103
169
|
|
@@ -132,17 +198,17 @@ const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WE
|
|
132
198
|
var MENU_PROVIDER_KEY = Symbol('MENU_PROVIDER_KEY');
|
133
199
|
var MENU_PROVIDER_KEY_PATH = Symbol('MENU_PROVIDER_KEY_PATH');
|
134
200
|
var useMenuProvider = function useMenuProvider(data) {
|
135
|
-
(0,
|
201
|
+
(0,external_vue_.provide)(MENU_PROVIDER_KEY, data);
|
136
202
|
};
|
137
203
|
var useMenuPathProvider = function useMenuPathProvider(key) {
|
138
204
|
var _useMenuPathInject = useMenuPathInject(),
|
139
205
|
parentKeys = _useMenuPathInject.parentKeys,
|
140
206
|
parentInfo = _useMenuPathInject.parentInfo;
|
141
207
|
|
142
|
-
var keys = (0,
|
208
|
+
var keys = (0,external_vue_.computed)(function () {
|
143
209
|
return [].concat(_toConsumableArray(parentKeys.value), [key]);
|
144
210
|
});
|
145
|
-
(0,
|
211
|
+
(0,external_vue_.provide)(MENU_PROVIDER_KEY_PATH, {
|
146
212
|
parentInfo: {
|
147
213
|
key: key,
|
148
214
|
parentKey: parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.key
|
@@ -151,21 +217,21 @@ var useMenuPathProvider = function useMenuPathProvider(key) {
|
|
151
217
|
});
|
152
218
|
};
|
153
219
|
var useMenuInject = function useMenuInject() {
|
154
|
-
return (0,
|
220
|
+
return (0,external_vue_.inject)(MENU_PROVIDER_KEY);
|
155
221
|
};
|
156
222
|
var useMenuPathInject = function useMenuPathInject() {
|
157
223
|
var _a;
|
158
224
|
|
159
|
-
var instance = (0,
|
225
|
+
var instance = (0,external_vue_.getCurrentInstance)();
|
160
226
|
var provides = !instance.parent ? (_a = instance.vnode.appContext) === null || _a === void 0 ? void 0 : _a.provides : instance.parent.provides;
|
161
227
|
|
162
228
|
if (provides && MENU_PROVIDER_KEY_PATH in provides) {
|
163
|
-
return (0,
|
229
|
+
return (0,external_vue_.inject)(MENU_PROVIDER_KEY_PATH);
|
164
230
|
}
|
165
231
|
|
166
232
|
return {
|
167
233
|
parentInfo: undefined,
|
168
|
-
parentKeys: (0,
|
234
|
+
parentKeys: (0,external_vue_.ref)([])
|
169
235
|
};
|
170
236
|
};
|
171
237
|
|
@@ -311,7 +377,7 @@ var menuProps = {
|
|
311
377
|
"default": true
|
312
378
|
}
|
313
379
|
};
|
314
|
-
/* harmony default export */ const menu = ((0,
|
380
|
+
/* harmony default export */ const menu = ((0,external_vue_.defineComponent)({
|
315
381
|
name: 'Menu',
|
316
382
|
props: menuProps,
|
317
383
|
emits: ['update:activeKey', 'update:openKeys', 'click', 'openChange'],
|
@@ -319,20 +385,20 @@ var menuProps = {
|
|
319
385
|
var slots = _ref.slots,
|
320
386
|
emit = _ref.emit,
|
321
387
|
expose = _ref.expose;
|
322
|
-
var activeKey = (0,
|
323
|
-
var openedKeys = (0,
|
324
|
-
var menuStore = (0,
|
325
|
-
var mode = (0,
|
388
|
+
var activeKey = (0,external_vue_.ref)('');
|
389
|
+
var openedKeys = (0,external_vue_.ref)([]);
|
390
|
+
var menuStore = (0,external_vue_.ref)({});
|
391
|
+
var mode = (0,external_vue_.computed)(function () {
|
326
392
|
return props.mode;
|
327
393
|
});
|
328
|
-
var collapse = (0,
|
329
|
-
var oldOpenKeys = (0,
|
330
|
-
(0,
|
394
|
+
var collapse = (0,external_vue_.ref)(props.collapse);
|
395
|
+
var oldOpenKeys = (0,external_vue_.ref)([]);
|
396
|
+
(0,external_vue_.watchEffect)(function () {
|
331
397
|
if (props.activeKey !== undefined) {
|
332
398
|
activeKey.value = props.activeKey;
|
333
399
|
}
|
334
400
|
});
|
335
|
-
(0,
|
401
|
+
(0,external_vue_.watch)(function () {
|
336
402
|
return props.collapse;
|
337
403
|
}, function () {
|
338
404
|
collapse.value = props.collapse;
|
@@ -346,7 +412,7 @@ var menuProps = {
|
|
346
412
|
}, {
|
347
413
|
immediate: true
|
348
414
|
});
|
349
|
-
(0,
|
415
|
+
(0,external_vue_.watch)(function () {
|
350
416
|
return props.openedKeys;
|
351
417
|
}, function () {
|
352
418
|
var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : openedKeys.value;
|
@@ -404,7 +470,7 @@ var menuProps = {
|
|
404
470
|
return function () {
|
405
471
|
var _a;
|
406
472
|
|
407
|
-
return (0,
|
473
|
+
return (0,external_vue_.createVNode)("div", {
|
408
474
|
"class": {
|
409
475
|
'bk-menu': true,
|
410
476
|
'is-collapse': collapse.value
|
@@ -442,7 +508,7 @@ var menuProps = {
|
|
442
508
|
* IN THE SOFTWARE.
|
443
509
|
*/
|
444
510
|
|
445
|
-
/* harmony default export */ const menu_group = ((0,
|
511
|
+
/* harmony default export */ const menu_group = ((0,external_vue_.defineComponent)({
|
446
512
|
name: 'MenuGroup',
|
447
513
|
props: {
|
448
514
|
name: {
|
@@ -455,11 +521,11 @@ var menuProps = {
|
|
455
521
|
return function () {
|
456
522
|
var _a;
|
457
523
|
|
458
|
-
return (0,
|
524
|
+
return (0,external_vue_.createVNode)("div", {
|
459
525
|
"class": "bk-menu-group"
|
460
|
-
}, [(0,
|
526
|
+
}, [(0,external_vue_.createVNode)("div", {
|
461
527
|
"class": "group-name"
|
462
|
-
}, [props.name]), (0,
|
528
|
+
}, [props.name]), (0,external_vue_.createVNode)("ul", {
|
463
529
|
"class": "group-wrap"
|
464
530
|
}, [(_a = slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots)])]);
|
465
531
|
};
|
@@ -495,7 +561,7 @@ var menuProps = {
|
|
495
561
|
*/
|
496
562
|
|
497
563
|
|
498
|
-
/* harmony default export */ const menu_item = ((0,
|
564
|
+
/* harmony default export */ const menu_item = ((0,external_vue_.defineComponent)({
|
499
565
|
name: 'MenuItem',
|
500
566
|
props: {
|
501
567
|
needIcon: {
|
@@ -517,16 +583,16 @@ var menuProps = {
|
|
517
583
|
activeKey = _useMenuInject.activeKey,
|
518
584
|
handleActiveChange = _useMenuInject.handleActiveChange;
|
519
585
|
|
520
|
-
var instance = (0,
|
586
|
+
var instance = (0,external_vue_.getCurrentInstance)();
|
521
587
|
|
522
588
|
var _useMenuPathInject = useMenuPathInject(),
|
523
589
|
parentInfo = _useMenuPathInject.parentInfo;
|
524
590
|
|
525
591
|
var key = ((_b = (_a = instance.vnode.key) === null || _a === void 0 ? void 0 : _a.toString) === null || _b === void 0 ? void 0 : _b.call(_a)) || String(instance.uid);
|
526
|
-
var isActive = (0,
|
592
|
+
var isActive = (0,external_vue_.computed)(function () {
|
527
593
|
return activeKey.value === key;
|
528
594
|
});
|
529
|
-
var needIcon = (0,
|
595
|
+
var needIcon = (0,external_vue_.computed)(function () {
|
530
596
|
return props.needIcon;
|
531
597
|
});
|
532
598
|
registerMenuInfo(key, {
|
@@ -539,32 +605,30 @@ var menuProps = {
|
|
539
605
|
emit('click', e);
|
540
606
|
};
|
541
607
|
|
542
|
-
(0,
|
608
|
+
(0,external_vue_.onBeforeUnmount)(function () {
|
543
609
|
return unregisterMenuInfo(key);
|
544
610
|
});
|
545
611
|
return function () {
|
546
612
|
var _a, _b;
|
547
613
|
|
548
|
-
return (0,
|
614
|
+
return (0,external_vue_.createVNode)("li", {
|
549
615
|
"class": {
|
550
616
|
'bk-menu-item': true,
|
551
617
|
'is-active': isActive.value
|
552
618
|
},
|
553
619
|
"onClick": handleClick
|
554
|
-
}, [needIcon.value && (0,
|
620
|
+
}, [needIcon.value && (0,external_vue_.createVNode)("span", {
|
555
621
|
"class": "item-icon"
|
556
|
-
}, [((_a = slots === null || slots === void 0 ? void 0 : slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,
|
622
|
+
}, [((_a = slots === null || slots === void 0 ? void 0 : slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,external_vue_.createVNode)("i", {
|
557
623
|
"class": "default-icon"
|
558
|
-
}, null)]), (0,
|
624
|
+
}, null)]), (0,external_vue_.createVNode)("span", {
|
559
625
|
"class": "item-content"
|
560
626
|
}, [(_b = slots["default"]) === null || _b === void 0 ? void 0 : _b.call(slots)])]);
|
561
627
|
};
|
562
628
|
}
|
563
629
|
}));
|
564
|
-
|
565
|
-
var
|
566
|
-
var _y = x => () => x
|
567
|
-
const _namespaceObject = _x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.AngleDown, ["TreeApplicationShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.TreeApplicationShape });
|
630
|
+
// EXTERNAL MODULE: external "../icon/"
|
631
|
+
var _ = __webpack_require__(7685);
|
568
632
|
;// CONCATENATED MODULE: ../../packages/menu/src/submenu.tsx
|
569
633
|
|
570
634
|
|
@@ -602,7 +666,7 @@ var subMenuProps = {
|
|
602
666
|
"default": 'title'
|
603
667
|
}
|
604
668
|
};
|
605
|
-
/* harmony default export */ const submenu = ((0,
|
669
|
+
/* harmony default export */ const submenu = ((0,external_vue_.defineComponent)({
|
606
670
|
name: 'Submenu',
|
607
671
|
props: subMenuProps,
|
608
672
|
emits: ['collapse'],
|
@@ -625,13 +689,13 @@ var subMenuProps = {
|
|
625
689
|
var _useMenuPathInject = useMenuPathInject(),
|
626
690
|
parentInfo = _useMenuPathInject.parentInfo;
|
627
691
|
|
628
|
-
var instance = (0,
|
692
|
+
var instance = (0,external_vue_.getCurrentInstance)();
|
629
693
|
var key = ((_b = (_a = instance.vnode.key) === null || _a === void 0 ? void 0 : _a.toString) === null || _b === void 0 ? void 0 : _b.call(_a)) || String(instance.uid);
|
630
|
-
var transition = (0,
|
631
|
-
var isShow = (0,
|
694
|
+
var transition = (0,external_vue_.ref)(collapseMotion());
|
695
|
+
var isShow = (0,external_vue_.computed)(function () {
|
632
696
|
return openedKeys.value.includes(key);
|
633
697
|
});
|
634
|
-
var specialCollapse = (0,
|
698
|
+
var specialCollapse = (0,external_vue_.computed)(function () {
|
635
699
|
var _a, _b;
|
636
700
|
|
637
701
|
var activeParentKey = (_b = (_a = menuStore.value) === null || _a === void 0 ? void 0 : _a[activeKey.value]) === null || _b === void 0 ? void 0 : _b.parentKey;
|
@@ -642,7 +706,7 @@ var subMenuProps = {
|
|
642
706
|
key: key,
|
643
707
|
parentKey: parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.key
|
644
708
|
});
|
645
|
-
(0,
|
709
|
+
(0,external_vue_.onBeforeUnmount)(function () {
|
646
710
|
return unregisterMenuInfo(key);
|
647
711
|
});
|
648
712
|
|
@@ -654,33 +718,33 @@ var subMenuProps = {
|
|
654
718
|
return function () {
|
655
719
|
var _a, _b;
|
656
720
|
|
657
|
-
return (0,
|
721
|
+
return (0,external_vue_.createVNode)("li", {
|
658
722
|
"class": {
|
659
723
|
'bk-menu-submenu': true,
|
660
724
|
'is-opened': isShow.value
|
661
725
|
}
|
662
|
-
}, [(0,
|
726
|
+
}, [(0,external_vue_.createVNode)("div", {
|
663
727
|
"class": {
|
664
728
|
'submenu-header': true,
|
665
729
|
'is-collapse': specialCollapse.value
|
666
730
|
},
|
667
731
|
"onClick": handleCollapse
|
668
|
-
}, [(0,
|
732
|
+
}, [(0,external_vue_.createVNode)("span", {
|
669
733
|
"class": "submenu-header-icon"
|
670
|
-
}, [((_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,
|
734
|
+
}, [((_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,external_vue_.createVNode)(_.TreeApplicationShape, {
|
671
735
|
"class": "menu-icon"
|
672
|
-
}, null)]), (0,
|
736
|
+
}, null)]), (0,external_vue_.createVNode)("span", {
|
673
737
|
"class": "submenu-header-content"
|
674
|
-
}, [props.title]), (0,
|
738
|
+
}, [props.title]), (0,external_vue_.createVNode)(_.AngleDown, {
|
675
739
|
"class": {
|
676
740
|
'submenu-header-collapse': true,
|
677
741
|
'is-collapse': openedKeys.value.includes(key)
|
678
742
|
}
|
679
|
-
}, null)]), (0,
|
743
|
+
}, null)]), (0,external_vue_.createVNode)(external_vue_.Transition, transition.value, {
|
680
744
|
"default": function _default() {
|
681
|
-
return [(0,
|
745
|
+
return [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)("ul", {
|
682
746
|
"class": "submenu-list"
|
683
|
-
}, [(_b = slots["default"]) === null || _b === void 0 ? void 0 : _b.call(slots)]), [[
|
747
|
+
}, [(_b = slots["default"]) === null || _b === void 0 ? void 0 : _b.call(slots)]), [[external_vue_.vShow, isShow.value]])];
|
684
748
|
}
|
685
749
|
})]);
|
686
750
|
};
|
@@ -717,16 +781,16 @@ var subMenuProps = {
|
|
717
781
|
|
718
782
|
|
719
783
|
|
720
|
-
var BkMenu = (0,
|
784
|
+
var BkMenu = (0,external_shared_.withInstallProps)(menu, {
|
721
785
|
Item: menu_item,
|
722
786
|
Submenu: submenu,
|
723
787
|
Group: menu_group
|
724
788
|
});
|
725
789
|
/* harmony default export */ const src = (BkMenu);
|
726
790
|
|
727
|
-
|
728
|
-
|
729
|
-
|
730
|
-
|
731
|
-
|
732
|
-
|
791
|
+
})();
|
792
|
+
|
793
|
+
/******/ return __webpack_exports__;
|
794
|
+
/******/ })()
|
795
|
+
;
|
796
|
+
});
|