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/tab/index.js
CHANGED
@@ -1,42 +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("../shared"), require("vue"), require("vue-types"), require("../icon/"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "vue-types", "../icon/"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("vue-types"), require("../icon/")) : factory(root["../shared"], root["vue"], 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__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__210__, __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
|
+
/***/ 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
|
-
"
|
32
|
-
"
|
33
|
-
"
|
107
|
+
"BkTab": () => (/* binding */ BkTab),
|
108
|
+
"BkTabPanel": () => (/* reexport */ tab_panel),
|
109
|
+
"default": () => (/* binding */ src)
|
34
110
|
});
|
35
111
|
|
36
|
-
|
37
|
-
var
|
38
|
-
var y = x => () => x
|
39
|
-
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.resolveClassName, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
|
112
|
+
// EXTERNAL MODULE: external "../shared"
|
113
|
+
var external_shared_ = __webpack_require__(4212);
|
40
114
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
|
41
115
|
function _arrayLikeToArray(arr, len) {
|
42
116
|
if (len == null || len > arr.length) len = arr.length;
|
@@ -78,14 +152,10 @@ function _nonIterableSpread() {
|
|
78
152
|
function _toConsumableArray(arr) {
|
79
153
|
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
80
154
|
}
|
81
|
-
|
82
|
-
var
|
83
|
-
|
84
|
-
|
85
|
-
;// CONCATENATED MODULE: external "vue-types"
|
86
|
-
var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
87
|
-
var external_vue_types_y = x => () => x
|
88
|
-
const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
|
155
|
+
// EXTERNAL MODULE: external "vue"
|
156
|
+
var external_vue_ = __webpack_require__(748);
|
157
|
+
// EXTERNAL MODULE: external "vue-types"
|
158
|
+
var external_vue_types_ = __webpack_require__(210);
|
89
159
|
;// CONCATENATED MODULE: ../../packages/tab/src/props.ts
|
90
160
|
|
91
161
|
|
@@ -106,7 +176,7 @@ var PositionEnum;
|
|
106
176
|
PositionEnum["TOP"] = "top";
|
107
177
|
})(PositionEnum || (PositionEnum = {}));
|
108
178
|
|
109
|
-
var tabPositionType = (0,
|
179
|
+
var tabPositionType = (0,external_vue_types_.toType)('position', {}).def(PositionEnum.TOP);
|
110
180
|
var SortTypeEnum;
|
111
181
|
|
112
182
|
(function (SortTypeEnum) {
|
@@ -114,7 +184,7 @@ var SortTypeEnum;
|
|
114
184
|
SortTypeEnum["INSERT"] = "insert";
|
115
185
|
})(SortTypeEnum || (SortTypeEnum = {}));
|
116
186
|
|
117
|
-
var sortTypeUnion = (0,
|
187
|
+
var sortTypeUnion = (0,external_vue_types_.toType)('sortType', {}).def(SortTypeEnum.REPLACE);
|
118
188
|
var tabNavEventProps = {
|
119
189
|
tabAdd: {
|
120
190
|
type: Function,
|
@@ -183,23 +253,23 @@ var tabEventProps = {
|
|
183
253
|
|
184
254
|
};
|
185
255
|
var tabProps = {
|
186
|
-
active:
|
187
|
-
type: (0,
|
256
|
+
active: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.number, external_shared_.PropTypes.string]).def(''),
|
257
|
+
type: (0,external_vue_types_.toType)('type', {}).def(TabTypeEnum.BORDER_CARD),
|
188
258
|
tabPosition: tabPositionType,
|
189
259
|
closable: Boolean,
|
190
260
|
addable: Boolean,
|
191
261
|
sortable: Boolean,
|
192
262
|
sortType: sortTypeUnion,
|
193
|
-
labelHeight:
|
194
|
-
scrollStep:
|
195
|
-
extCls:
|
196
|
-
validateActive:
|
197
|
-
showHeader:
|
198
|
-
changeOnHover:
|
199
|
-
changeOnHoverDelay:
|
263
|
+
labelHeight: external_shared_.PropTypes.number.def(50),
|
264
|
+
scrollStep: external_shared_.PropTypes.number.def(200),
|
265
|
+
extCls: external_shared_.PropTypes.string.def(''),
|
266
|
+
validateActive: external_shared_.PropTypes.bool.def(true),
|
267
|
+
showHeader: external_shared_.PropTypes.bool.def(true),
|
268
|
+
changeOnHover: external_shared_.PropTypes.bool.def(false),
|
269
|
+
changeOnHoverDelay: external_shared_.PropTypes.number.def(1000)
|
200
270
|
};
|
201
271
|
var tabNavProps = Object.assign({
|
202
|
-
active:
|
272
|
+
active: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.number, external_shared_.PropTypes.string]).def(''),
|
203
273
|
// panels: PropTypes.arrayOf(PropTypes.any).def([]),
|
204
274
|
panels: {
|
205
275
|
type: Array,
|
@@ -212,26 +282,24 @@ var tabNavProps = Object.assign({
|
|
212
282
|
addable: Boolean,
|
213
283
|
sortable: Boolean,
|
214
284
|
sortType: sortTypeUnion,
|
215
|
-
labelHeight:
|
216
|
-
scrollStep:
|
217
|
-
validateActive:
|
218
|
-
changeOnHover:
|
219
|
-
changeOnHoverDelay:
|
285
|
+
labelHeight: external_shared_.PropTypes.number.def(50),
|
286
|
+
scrollStep: external_shared_.PropTypes.number.def(200),
|
287
|
+
validateActive: external_shared_.PropTypes.bool.def(true),
|
288
|
+
changeOnHover: external_shared_.PropTypes.bool.def(false),
|
289
|
+
changeOnHoverDelay: external_shared_.PropTypes.number.def(1000)
|
220
290
|
}, tabNavEventProps);
|
221
291
|
var tabPanelProps = {
|
222
|
-
name:
|
223
|
-
label:
|
224
|
-
closable:
|
225
|
-
visible:
|
226
|
-
disabled:
|
227
|
-
sortable:
|
228
|
-
renderDirective: (0,
|
229
|
-
panel:
|
292
|
+
name: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.number, external_shared_.PropTypes.string]).def(''),
|
293
|
+
label: external_shared_.PropTypes.string || external_shared_.PropTypes.func,
|
294
|
+
closable: external_shared_.PropTypes.bool,
|
295
|
+
visible: external_shared_.PropTypes.bool.def(true),
|
296
|
+
disabled: external_shared_.PropTypes.bool,
|
297
|
+
sortable: external_shared_.PropTypes.bool,
|
298
|
+
renderDirective: (0,external_shared_.renderDirectiveType)(),
|
299
|
+
panel: external_shared_.PropTypes.string || external_shared_.PropTypes.func
|
230
300
|
};
|
231
|
-
|
232
|
-
var
|
233
|
-
var _y = x => () => x
|
234
|
-
const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Close, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Plus });
|
301
|
+
// EXTERNAL MODULE: external "../icon/"
|
302
|
+
var _ = __webpack_require__(7685);
|
235
303
|
;// CONCATENATED MODULE: ../../packages/tab/src/tab-nav.tsx
|
236
304
|
|
237
305
|
|
@@ -264,11 +332,11 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
264
332
|
|
265
333
|
|
266
334
|
|
267
|
-
/* harmony default export */ const tab_nav = ((0,
|
335
|
+
/* harmony default export */ const tab_nav = ((0,external_vue_.defineComponent)({
|
268
336
|
name: 'TabNav',
|
269
337
|
props: tabNavProps,
|
270
338
|
setup: function setup(props) {
|
271
|
-
var navs = (0,
|
339
|
+
var navs = (0,external_vue_.computed)(function () {
|
272
340
|
if (!Array.isArray(props.panels) || !props.panels.length) {
|
273
341
|
return [];
|
274
342
|
}
|
@@ -298,7 +366,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
298
366
|
|
299
367
|
var renderLabel = function renderLabel(label) {
|
300
368
|
if (item.slots.label) {
|
301
|
-
return (0,
|
369
|
+
return (0,external_vue_.h)(item.slots.label);
|
302
370
|
}
|
303
371
|
|
304
372
|
if ([undefined, ''].includes(label)) {
|
@@ -310,7 +378,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
310
378
|
}
|
311
379
|
|
312
380
|
if (typeof label === 'function') {
|
313
|
-
return (0,
|
381
|
+
return (0,external_vue_.h)(label);
|
314
382
|
}
|
315
383
|
|
316
384
|
return label;
|
@@ -333,9 +401,9 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
333
401
|
|
334
402
|
return list;
|
335
403
|
});
|
336
|
-
var dragenterIndex = (0,
|
337
|
-
var dragStartIndex = (0,
|
338
|
-
var draggingEle = (0,
|
404
|
+
var dragenterIndex = (0,external_vue_.ref)(-1);
|
405
|
+
var dragStartIndex = (0,external_vue_.ref)(-1);
|
406
|
+
var draggingEle = (0,external_vue_.ref)('');
|
339
407
|
|
340
408
|
var distinctRoots = function distinctRoots(el1, el2) {
|
341
409
|
return el1 === el2;
|
@@ -420,14 +488,14 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
420
488
|
tabLabel = item.tabLabel;
|
421
489
|
|
422
490
|
var getNavItemClass = function getNavItemClass() {
|
423
|
-
var classNames = [(0,
|
491
|
+
var classNames = [(0,external_shared_.resolveClassName)('tab-header-item')];
|
424
492
|
|
425
493
|
if (disabled) {
|
426
|
-
classNames.push((0,
|
494
|
+
classNames.push((0,external_shared_.resolveClassName)('tab-header--disabled'));
|
427
495
|
}
|
428
496
|
|
429
497
|
if (active === name) {
|
430
|
-
classNames.push((0,
|
498
|
+
classNames.push((0,external_shared_.resolveClassName)('tab-header--active'));
|
431
499
|
}
|
432
500
|
|
433
501
|
return classNames.join(' ');
|
@@ -438,7 +506,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
438
506
|
return curentValue || parentValue;
|
439
507
|
};
|
440
508
|
|
441
|
-
return (0,
|
509
|
+
return (0,external_vue_.createVNode)("div", {
|
442
510
|
"key": name,
|
443
511
|
"onClick": function onClick() {
|
444
512
|
return _this.handleTabChange(name);
|
@@ -466,8 +534,8 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
466
534
|
drop(index, sortType);
|
467
535
|
},
|
468
536
|
"class": getNavItemClass()
|
469
|
-
}, [(0,
|
470
|
-
"class": (0,
|
537
|
+
}, [(0,external_vue_.createVNode)("div", null, [tabLabel]), getValue(item.closable, closable) && (0,external_vue_.createVNode)(_.Close, {
|
538
|
+
"class": (0,external_shared_.resolveClassName)('tab-header-item-close'),
|
471
539
|
"onClick": function onClick() {
|
472
540
|
return _this.handleTabRemove(index, item);
|
473
541
|
}
|
@@ -481,11 +549,11 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
481
549
|
var list = [];
|
482
550
|
|
483
551
|
if (typeof _this.$slots.add === 'function') {
|
484
|
-
list.push((_b = (_a = _this.$slots).add) === null || _b === void 0 ? void 0 : _b.call(_a,
|
552
|
+
list.push((_b = (_a = _this.$slots).add) === null || _b === void 0 ? void 0 : _b.call(_a, external_vue_.h));
|
485
553
|
} else if (addable) {
|
486
|
-
list.push((0,
|
554
|
+
list.push((0,external_vue_.createVNode)("div", {
|
487
555
|
"onClick": _this.handleTabAdd
|
488
|
-
}, [(0,
|
556
|
+
}, [(0,external_vue_.createVNode)(_.Plus, {
|
489
557
|
"style": "display:flex;",
|
490
558
|
"width": 26,
|
491
559
|
"height": 26
|
@@ -493,11 +561,11 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
493
561
|
}
|
494
562
|
|
495
563
|
if (list.length) {
|
496
|
-
return (0,
|
497
|
-
"class": (0,
|
564
|
+
return (0,external_vue_.createVNode)("div", {
|
565
|
+
"class": (0,external_shared_.resolveClassName)('tab-header-operation')
|
498
566
|
}, [list.map(function (item, index) {
|
499
|
-
return (0,
|
500
|
-
"class": (0,
|
567
|
+
return (0,external_vue_.createVNode)("div", {
|
568
|
+
"class": (0,external_shared_.resolveClassName)('tab-header-item'),
|
501
569
|
"key": index
|
502
570
|
}, [item]);
|
503
571
|
})]);
|
@@ -506,15 +574,15 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
506
574
|
return null;
|
507
575
|
};
|
508
576
|
|
509
|
-
return (0,
|
577
|
+
return (0,external_vue_.createVNode)("div", {
|
510
578
|
"style": {
|
511
579
|
lineHeight: "".concat(labelHeight, "px")
|
512
580
|
},
|
513
|
-
"class": (0,
|
514
|
-
}, [(0,
|
515
|
-
"class": (0,
|
516
|
-
}, [renderNavs()]), renderSlot(), typeof this.$slots.setting === 'function' && (0,
|
517
|
-
"class": (0,
|
581
|
+
"class": (0,external_shared_.resolveClassName)('tab-header')
|
582
|
+
}, [(0,external_vue_.createVNode)("div", {
|
583
|
+
"class": (0,external_shared_.resolveClassName)('tab-header-nav')
|
584
|
+
}, [renderNavs()]), renderSlot(), typeof this.$slots.setting === 'function' && (0,external_vue_.createVNode)("div", {
|
585
|
+
"class": (0,external_shared_.resolveClassName)('tab-header-setting')
|
518
586
|
}, [this.$slots.setting()])]);
|
519
587
|
}
|
520
588
|
}));
|
@@ -551,7 +619,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
551
619
|
|
552
620
|
|
553
621
|
|
554
|
-
/* harmony default export */ const tab = ((0,
|
622
|
+
/* harmony default export */ const tab = ((0,external_vue_.defineComponent)({
|
555
623
|
name: 'Tab',
|
556
624
|
components: {
|
557
625
|
TabNav: tab_nav
|
@@ -563,9 +631,9 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
563
631
|
setup: function setup(_props, _ref) {
|
564
632
|
var slots = _ref.slots,
|
565
633
|
emit = _ref.emit;
|
566
|
-
var isMounted = (0,
|
567
|
-
var panels = (0,
|
568
|
-
var instance = (0,
|
634
|
+
var isMounted = (0,external_vue_.ref)(false);
|
635
|
+
var panels = (0,external_vue_.ref)([]);
|
636
|
+
var instance = (0,external_vue_.getCurrentInstance)(); // 动态插入tabPanel
|
569
637
|
|
570
638
|
var getPaneInstanceFromSlot = function getPaneInstanceFromSlot(vnode) {
|
571
639
|
var panelInstanceList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
@@ -576,7 +644,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
576
644
|
|
577
645
|
if (type === 'TabPanel' && node.component) {
|
578
646
|
panelInstanceList.push(node.component);
|
579
|
-
} else if (type ===
|
647
|
+
} else if (type === external_vue_.Fragment || type === 'template') {
|
580
648
|
getPaneInstanceFromSlot(node, panelInstanceList);
|
581
649
|
}
|
582
650
|
});
|
@@ -597,11 +665,11 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
597
665
|
}
|
598
666
|
};
|
599
667
|
|
600
|
-
(0,
|
668
|
+
(0,external_vue_.onMounted)(function () {
|
601
669
|
setPanelInstances();
|
602
670
|
isMounted.value = true;
|
603
671
|
});
|
604
|
-
(0,
|
672
|
+
(0,external_vue_.onUpdated)(function () {
|
605
673
|
setPanelInstances();
|
606
674
|
});
|
607
675
|
var methods = {
|
@@ -665,15 +733,15 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
665
733
|
var _a, _b;
|
666
734
|
|
667
735
|
var getTabBoxClass = function getTabBoxClass() {
|
668
|
-
var arr = [(0,
|
736
|
+
var arr = [(0,external_shared_.resolveClassName)('tab'), _this.extCls];
|
669
737
|
|
670
738
|
if (_this.tabPosition === PositionEnum.TOP) {
|
671
|
-
arr.push((0,
|
739
|
+
arr.push((0,external_shared_.resolveClassName)("tab--".concat(_this.tabPosition)), (0,external_shared_.resolveClassName)("tab--".concat(_this.type)));
|
672
740
|
} else {
|
673
|
-
arr.push((0,
|
741
|
+
arr.push((0,external_shared_.resolveClassName)("tab--".concat(_this.tabPosition)));
|
674
742
|
|
675
743
|
if (_this.type === TabTypeEnum.CARD_TAB) {
|
676
|
-
arr.push((0,
|
744
|
+
arr.push((0,external_shared_.resolveClassName)('tab--vertical-tab'));
|
677
745
|
}
|
678
746
|
}
|
679
747
|
|
@@ -725,13 +793,13 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
725
793
|
return null;
|
726
794
|
}
|
727
795
|
|
728
|
-
return (0,
|
796
|
+
return (0,external_vue_.createVNode)(tab_nav, props, _this.$slots);
|
729
797
|
};
|
730
798
|
|
731
|
-
return (0,
|
799
|
+
return (0,external_vue_.createVNode)("div", {
|
732
800
|
"class": getTabBoxClass()
|
733
|
-
}, [getTabHeader(), (0,
|
734
|
-
"class": (0,
|
801
|
+
}, [getTabHeader(), (0,external_vue_.createVNode)("div", {
|
802
|
+
"class": (0,external_shared_.resolveClassName)('tab-content')
|
735
803
|
}, [(_b = (_a = this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)])]);
|
736
804
|
}
|
737
805
|
}));
|
@@ -766,7 +834,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
766
834
|
|
767
835
|
|
768
836
|
|
769
|
-
/* harmony default export */ const tab_panel = ((0,
|
837
|
+
/* harmony default export */ const tab_panel = ((0,external_vue_.defineComponent)({
|
770
838
|
name: 'TabPanel',
|
771
839
|
props: tabPanelProps,
|
772
840
|
render: function render() {
|
@@ -781,7 +849,7 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
781
849
|
}
|
782
850
|
|
783
851
|
if (typeof _this.panel === 'function') {
|
784
|
-
return _this.panel(
|
852
|
+
return _this.panel(external_vue_.h);
|
785
853
|
}
|
786
854
|
|
787
855
|
if (typeof _this.$slots["default"] === 'function') {
|
@@ -795,10 +863,10 @@ const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__
|
|
795
863
|
return null;
|
796
864
|
};
|
797
865
|
|
798
|
-
return (0,
|
866
|
+
return (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
|
799
867
|
"ref": 'content',
|
800
|
-
"class": (0,
|
801
|
-
}, [getContent()]), [[
|
868
|
+
"class": (0,external_shared_.resolveClassName)('tab-panel')
|
869
|
+
}, [getContent()]), [[external_vue_.vShow, active]]);
|
802
870
|
}
|
803
871
|
}));
|
804
872
|
;// CONCATENATED MODULE: ../../packages/tab/src/index.ts
|
@@ -838,12 +906,14 @@ export {
|
|
838
906
|
|
839
907
|
|
840
908
|
|
841
|
-
var BkTab = (0,
|
909
|
+
var BkTab = (0,external_shared_.withInstallProps)(tab, {
|
842
910
|
TabPanel: tab_panel
|
843
911
|
});
|
844
912
|
|
845
913
|
/* harmony default export */ const src = (BkTab);
|
846
|
-
|
847
|
-
|
848
|
-
|
849
|
-
|
914
|
+
})();
|
915
|
+
|
916
|
+
/******/ return __webpack_exports__;
|
917
|
+
/******/ })()
|
918
|
+
;
|
919
|
+
});
|