bkui-vue 3.0.1 → 3.0.3

package/lib/tab/index.js

@@ -1,26 +1,26 @@
 import "../styles/reset.css";
 import "./tab.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
-import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
-import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
-import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import { PropTypes as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__, bkZIndexManager as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_bkZIndexManager__, renderDirectiveType as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_renderDirectiveType__, resolveClassName as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_resolveClassName__, withInstallProps as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_withInstallProps__ } from "../shared";
+import { toType as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a_toType__ } from "vue-types";
+import { Fragment as __WEBPACK_EXTERNAL_MODULE_vue_Fragment__, computed as __WEBPACK_EXTERNAL_MODULE_vue_computed__, createVNode as __WEBPACK_EXTERNAL_MODULE_vue_createVNode__, defineComponent as __WEBPACK_EXTERNAL_MODULE_vue_defineComponent__, getCurrentInstance as __WEBPACK_EXTERNAL_MODULE_vue_getCurrentInstance__, h as __WEBPACK_EXTERNAL_MODULE_vue_h__, inject as __WEBPACK_EXTERNAL_MODULE_vue_inject__, nextTick as __WEBPACK_EXTERNAL_MODULE_vue_nextTick__, onBeforeUnmount as __WEBPACK_EXTERNAL_MODULE_vue_onBeforeUnmount__, onMounted as __WEBPACK_EXTERNAL_MODULE_vue_onMounted__, onUpdated as __WEBPACK_EXTERNAL_MODULE_vue_onUpdated__, provide as __WEBPACK_EXTERNAL_MODULE_vue_provide__, ref as __WEBPACK_EXTERNAL_MODULE_vue_ref__, render as __WEBPACK_EXTERNAL_MODULE_vue_render__, resolveDirective as __WEBPACK_EXTERNAL_MODULE_vue_resolveDirective__, vShow as __WEBPACK_EXTERNAL_MODULE_vue_vShow__, watch as __WEBPACK_EXTERNAL_MODULE_vue_watch__, withDirectives as __WEBPACK_EXTERNAL_MODULE_vue_withDirectives__ } from "vue";
+import { usePrefix as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3_usePrefix__ } from "../config-provider";
+import "../popover";
+import { createPopper as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c_createPopper__ } from "@popperjs/core";
+import "../loading";
+import "../overflow-title";
+import { Close as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3_Close__, Plus as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3_Plus__ } from "../icon";
 /******/ var __webpack_modules__ = ({
 
-/***/ 2439:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ 8283
+(module, __unused_webpack_exports, __webpack_require__) {
 
-module.exports = __webpack_require__(2527);
+/* unused reexport */ __webpack_require__(5022);
 
 
-/***/ }),
+/***/ },
 
-/***/ 7430:
-/***/ ((module) => {
+/***/ 1043
+(module) {
 
 /**
  * Copyright (c) 2015, Facebook, Inc.
@@ -67,10 +67,10 @@ var ExecutionEnvironment = {
 module.exports = ExecutionEnvironment;
 
 
-/***/ }),
+/***/ },
 
-/***/ 6377:
-/***/ ((module) => {
+/***/ 7416
+(module) {
 
 /**
  * Copyright 2004-present Facebook. All Rights Reserved.
@@ -356,10 +356,10 @@ var UserAgent_DEPRECATED = {
 module.exports = UserAgent_DEPRECATED;
 
 
-/***/ }),
+/***/ },
 
-/***/ 3541:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ 2586
+(module, __unused_webpack_exports, __webpack_require__) {
 
 /**
  * Copyright 2013-2015, Facebook, Inc.
@@ -374,7 +374,7 @@ module.exports = UserAgent_DEPRECATED;
 
 
 
-var ExecutionEnvironment = __webpack_require__(7430);
+var ExecutionEnvironment = __webpack_require__(1043);
 
 var useHasFeature;
 if (ExecutionEnvironment.canUseDOM) {
@@ -426,10 +426,10 @@ function isEventSupported(eventNameSuffix, capture) {
 module.exports = isEventSupported;
 
 
-/***/ }),
+/***/ },
 
-/***/ 2527:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ 5022
+(module, __unused_webpack_exports, __webpack_require__) {
 
 /**
  * Copyright (c) 2015, Facebook, Inc.
@@ -445,9 +445,9 @@ module.exports = isEventSupported;
 
 
 
-var UserAgent_DEPRECATED = __webpack_require__(6377);
+var UserAgent_DEPRECATED = __webpack_require__(7416);
 
-var isEventSupported = __webpack_require__(3541);
+var isEventSupported = __webpack_require__(2586);
 
 
 // Reasonable defaults
@@ -614,7 +614,7 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
-/***/ })
+/***/ }
 
 /******/ });
 /************************************************************************/
@@ -643,18 +643,6 @@ module.exports = normalizeWheel;
 /******/ }
 /******/ 
 /************************************************************************/
-/******/ /* webpack/runtime/compat get default export */
-/******/ (() => {
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			() => (module['default']) :
-/******/ 			() => (module);
-/******/ 		__webpack_require__.d(getter, { a: getter });
-/******/ 		return getter;
-/******/ 	};
-/******/ })();
-/******/ 
 /******/ /* webpack/runtime/define property getters */
 /******/ (() => {
 /******/ 	// define getter functions for harmony exports
@@ -673,24 +661,10 @@ module.exports = normalizeWheel;
 /******/ })();
 /******/ 
 /************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  BkTab: () => (/* binding */ BkTab),
-  BkTabPanel: () => (/* reexport */ tab_panel),
-  PositionEnum: () => (/* reexport */ PositionEnum),
-  SortTypeEnum: () => (/* reexport */ SortTypeEnum),
-  "default": () => (/* binding */ src)
-});
 
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+;// external "../shared"
+
+;// ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -701,7 +675,7 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+;// ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
@@ -714,7 +688,7 @@ function toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+;// ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
 function toPropertyKey(t) {
@@ -722,7 +696,7 @@ function toPropertyKey(t) {
   return "symbol" == _typeof(i) ? i : i + "";
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+;// ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
@@ -733,16 +707,16 @@ function _defineProperty(e, r, t) {
   }) : e[r] = t, e;
 }
 
-;// CONCATENATED MODULE: external "vue-types"
-var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_types_y = x => () => x
-const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
-;// CONCATENATED MODULE: ../../packages/tab/src/props.ts
+;// external "vue-types"
+
+;// ../../packages/tab/src/props.ts
 
 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; }
 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; }
 
-
+ // Tab 通过 provide 向下注入当前激活面板的 name，TabPanel 通过 inject 获取，
+// 避免依赖 this.$parent 这种与组件层级强耦合的写法。
+var tabActiveInjectionKey = Symbol('tabActive');
 var TabTypeEnum;
 (function (TabTypeEnum) {
   TabTypeEnum["BORDER_CARD"] = "border-card";
@@ -757,13 +731,13 @@ var PositionEnum;
   PositionEnum["RIGHT"] = "right";
   PositionEnum["TOP"] = "top";
 })(PositionEnum || (PositionEnum = {}));
-var TabPositionType = (0,external_vue_types_namespaceObject.toType)('position', {}).def(PositionEnum.TOP);
+var TabPositionType = __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a_toType__('position', {}).def(PositionEnum.TOP);
 var SortTypeEnum;
 (function (SortTypeEnum) {
   SortTypeEnum["INSERT"] = "insert";
   SortTypeEnum["REPLACE"] = "replace";
 })(SortTypeEnum || (SortTypeEnum = {}));
-var SortTypeUnion = (0,external_vue_types_namespaceObject.toType)('sortType', {}).def(SortTypeEnum.REPLACE);
+var SortTypeUnion = __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a_toType__('sortType', {}).def(SortTypeEnum.REPLACE);
 var tabNavEventProps = {
   tabAdd: {
     type: Function,
@@ -798,7 +772,7 @@ var tabNavEventProps = {
     }
   }
 };
-var tabEventProps = {
+var tabEventProps = (/* unused pure expression or super */ null && ({
   add: {
     type: Function,
     "default": function _default() {
@@ -830,42 +804,42 @@ var tabEventProps = {
     }
   }
   // ...TabNavEventProps,
-};
+}));
 var tabPanelProps = {
-  name: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
-  label: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func,
-  tips: shared_namespaceObject.PropTypes.string,
-  closable: shared_namespaceObject.PropTypes.bool,
-  visible: shared_namespaceObject.PropTypes.bool.def(true),
-  disabled: shared_namespaceObject.PropTypes.bool,
-  sortable: shared_namespaceObject.PropTypes.bool,
-  renderDirective: (0,shared_namespaceObject.renderDirectiveType)(),
-  panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func,
-  num: shared_namespaceObject.PropTypes.number.def(undefined),
-  numDisplayType: shared_namespaceObject.PropTypes.string.def('default')
+  name: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.oneOfType([__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number, __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string]).def(''),
+  label: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.oneOfType([__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string, __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.func]),
+  tips: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string,
+  closable: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool,
+  visible: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool.def(true),
+  disabled: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool,
+  sortable: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool,
+  renderDirective: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_renderDirectiveType__(),
+  panel: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.oneOfType([__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string, __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.func]),
+  num: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number.def(undefined),
+  numDisplayType: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string.def('default')
 };
 var tabProps = {
-  active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
-  type: (0,external_vue_types_namespaceObject.toType)('type', {}).def(TabTypeEnum.BORDER_CARD),
+  active: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.oneOfType([__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number, __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string]).def(''),
+  type: __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a_toType__('type', {}).def(TabTypeEnum.BORDER_CARD),
   tabPosition: TabPositionType,
   closable: Boolean,
   addable: Boolean,
   sortable: Boolean,
   sortType: SortTypeUnion,
-  labelHeight: shared_namespaceObject.PropTypes.number.def(50),
-  extCls: shared_namespaceObject.PropTypes.string.def(''),
-  validateActive: shared_namespaceObject.PropTypes.bool.def(true),
-  activeBarSize: shared_namespaceObject.PropTypes.number.def(2),
-  activeBarColor: shared_namespaceObject.PropTypes.string.def('#3a84ff'),
+  labelHeight: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number.def(50),
+  extCls: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string.def(''),
+  validateActive: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool.def(true),
+  activeBarSize: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number.def(2),
+  activeBarColor: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string.def('#3a84ff'),
   beforeChange: {
     type: Function
   }
 };
 var tabNavProps = _objectSpread({
-  active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
-  type: (0,external_vue_types_namespaceObject.toType)('type', {}).def(TabTypeEnum.BORDER_CARD),
-  activeBarColor: shared_namespaceObject.PropTypes.string.def('#3a84ff'),
-  activeBarSize: shared_namespaceObject.PropTypes.number.def(2),
+  active: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.oneOfType([__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number, __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string]).def(''),
+  type: __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a_toType__('type', {}).def(TabTypeEnum.BORDER_CARD),
+  activeBarColor: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.string.def('#3a84ff'),
+  activeBarSize: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number.def(2),
   panels: {
     type: Array,
     "default": function _default() {
@@ -877,32 +851,30 @@ var tabNavProps = _objectSpread({
   addable: Boolean,
   sortable: Boolean,
   sortType: SortTypeUnion,
-  labelHeight: shared_namespaceObject.PropTypes.number.def(50),
-  validateActive: shared_namespaceObject.PropTypes.bool.def(true)
+  labelHeight: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.number.def(50),
+  validateActive: __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_PropTypes__.bool.def(true)
 }, tabNavEventProps);
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUpdated"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUpdated, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+;// external "vue"
+
+;// ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+;// ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+;// ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+;// ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 
 function _unsupportedIterableToArray(r, a) {
   if (r) {
@@ -912,12 +884,12 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+;// ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+;// ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 
 
 
@@ -926,11 +898,9 @@ function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
-;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
+;// external "../config-provider"
+
+;// ../../packages/directives/src/clickoutside.ts
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = clickoutside_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function clickoutside_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return clickoutside_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? clickoutside_arrayLikeToArray(r, a) : void 0; } }
 function clickoutside_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -1056,11 +1026,11 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
-;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
+;// external "../popover"
+
+;// ../../packages/directives/src/ellipsis.ts
+/* unused harmony import specifier */ var ellipsis_typeof;
+/* unused harmony import specifier */ var $bkPopover;
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1093,7 +1063,7 @@ var resolveOptions = function resolveOptions(el, binding) {
     content: '',
     target: el
   };
-  if (_typeof(binding) === 'object') {
+  if (ellipsis_typeof(binding) === 'object') {
     Object.assign(options, binding);
     if (Object.prototype.hasOwnProperty.call(binding, 'popoverOption')) {
       Object.assign(options, binding.popoverOption);
@@ -1137,7 +1107,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
+      instance = $bkPopover(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1164,16 +1134,16 @@ var createInstance = function createInstance(el, binding) {
     instance: instance
   };
 };
-var ellipsis = {
+var ellipsis = (/* unused pure expression or super */ null && ({
   mounted: function mounted(el, binding) {
     createInstance(el, binding);
   }
-};
+}));
 /* harmony default export */ const src_ellipsis = ((/* unused pure expression or super */ null && (ellipsis)));
 // EXTERNAL MODULE: ../../node_modules/normalize-wheel/index.js
-var normalize_wheel = __webpack_require__(2439);
-var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel);
-;// CONCATENATED MODULE: ../../packages/directives/src/mousewheel.ts
+var normalize_wheel = __webpack_require__(8283);
+;// ../../packages/directives/src/mousewheel.ts
+/* unused harmony import specifier */ var normalizeWheel;
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1204,22 +1174,20 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
 var mousewheelHandler = function mousewheelHandler(element, callback) {
   if (element !== null && element !== void 0 && element.addEventListener) {
     element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (e) {
-      var normalized = normalize_wheel_default()(e);
+      var normalized = normalizeWheel(e);
       callback === null || callback === void 0 || callback.apply(this, [e, normalized]);
     });
   }
 };
-var mousewheel = {
+var mousewheel = (/* unused pure expression or super */ null && ({
   beforeMount: function beforeMount(el, binding) {
     mousewheelHandler(el, binding.value);
   }
-};
+}));
 /* harmony default export */ const src_mousewheel = ((/* unused pure expression or super */ null && (mousewheel)));
-;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
-;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
+;// external "@popperjs/core"
+
+;// ../../packages/directives/src/tooltips.ts
 
 
 
@@ -1262,7 +1230,7 @@ var tooltips = {
     var popper = renderContent(opts);
     var delayTimeout = null;
     if (showOnInit) {
-      (0,external_vue_namespaceObject.nextTick)(function () {
+      __WEBPACK_EXTERNAL_MODULE_vue_nextTick__(function () {
         show(el);
       });
     }
@@ -1364,8 +1332,8 @@ function renderContext(value, content) {
   } else {
     // 如果 content 是 Vue 组件的实例，则挂载它
     var container = document.createElement('div');
-    var vnode = (0,external_vue_namespaceObject.h)(value);
-    (0,external_vue_namespaceObject.render)(vnode, container);
+    var vnode = __WEBPACK_EXTERNAL_MODULE_vue_h__(value);
+    __WEBPACK_EXTERNAL_MODULE_vue_render__(vnode, container);
     content.innerHTML = container.innerHTML;
   }
 }
@@ -1377,7 +1345,7 @@ function renderContent(opts) {
   var isLight = theme === 'light';
   var content = document.createElement('div');
   var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
-  content.className = "".concat((0,shared_namespaceObject.resolveClassName)('popper', prefix), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
+  content.className = "".concat(__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_resolveClassName__('popper', prefix), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
   content.innerText = value;
   renderContext(value, content);
   if (hasArrow) {
@@ -1393,7 +1361,7 @@ function renderContent(opts) {
 function renderArrow() {
   var arrow = document.createElement('div');
   var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
-  arrow.className = (0,shared_namespaceObject.resolveClassName)('popper-arrow', prefix);
+  arrow.className = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_resolveClassName__('popper-arrow', prefix);
   arrow.setAttribute('data-popper-arrow', '');
   return arrow;
 }
@@ -1410,7 +1378,7 @@ function createPopperInstance(el, popper) {
   var placement = opts.placement,
     distance = opts.distance,
     sameWidth = opts.sameWidth;
-  var popperInstance = (0,core_namespaceObject.createPopper)(el, popper, {
+  var popperInstance = __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c_createPopper__(el, popper, {
     placement: placement,
     modifiers: [{
       name: 'offset',
@@ -1457,7 +1425,7 @@ function show(el) {
     _opts$modifiers = opts.modifiers,
     modifiers = _opts$modifiers === void 0 ? [] : _opts$modifiers;
   if (disabled) return;
-  popper.style.zIndex = String(shared_namespaceObject.bkZIndexManager.getPopperIndex());
+  popper.style.zIndex = String(__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_bkZIndexManager__.getPopperIndex());
   renderContext(content, popper);
   if (hasArrow) {
     var arrow = renderArrow();
@@ -1509,15 +1477,11 @@ function hide(el) {
   }
 }
 /* harmony default export */ const src_tooltips = (tooltips);
-;// CONCATENATED MODULE: external "../loading"
-var external_loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_loading_y = x => () => x
-const external_loading_namespaceObject = external_loading_x({  });
-;// CONCATENATED MODULE: external "../overflow-title"
-var external_overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_overflow_title_y = x => () => x
-const external_overflow_title_namespaceObject = external_overflow_title_x({  });
-;// CONCATENATED MODULE: ../../packages/directives/src/index.ts
+;// external "../loading"
+
+;// external "../overflow-title"
+
+;// ../../packages/directives/src/index.ts
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1550,11 +1514,9 @@ const external_overflow_title_namespaceObject = external_overflow_title_x({  });
 
 
 // export { createInstance as bkEllipsisInstance } from './ellipsis';
-;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus });
-;// CONCATENATED MODULE: ../../packages/tab/src/tab-nav.tsx
+;// external "../icon"
+
+;// ../../packages/tab/src/tab-nav.tsx
 
 
 function tab_nav_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; }
@@ -1589,23 +1551,27 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
 
 
 
-/* harmony default export */ const tab_nav = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const tab_nav = (__WEBPACK_EXTERNAL_MODULE_vue_defineComponent__({
   name: 'TabNav',
   directives: {
     bkTooltips: src_tooltips
   },
   props: tabNavProps,
   setup: function setup(props) {
-    var activeRef = (0,external_vue_namespaceObject.ref)(null);
-    var activeBarStyle = (0,external_vue_namespaceObject.computed)(function () {
-      var initStyle = {
-        width: 0,
-        height: 0,
-        bottom: 0,
-        left: 0
-      };
+    var activeRef = __WEBPACK_EXTERNAL_MODULE_vue_ref__(null);
+    // 激活条位置依赖 DOM 的 clientWidth/offsetLeft 等非响应式量，computed 无法在
+    // label 内容（宽度）变化但激活项不变时重算。改为 ref + 主动测量，并在 DOM
+    // 更新后/激活项尺寸变化时刷新。
+    var initBarStyle = {
+      width: 0,
+      height: 0,
+      bottom: 0,
+      left: 0
+    };
+    var activeBarStyle = __WEBPACK_EXTERNAL_MODULE_vue_ref__(tab_nav_objectSpread({}, initBarStyle));
+    var calcActiveBarStyle = function calcActiveBarStyle() {
       if (!activeRef.value) {
-        return initStyle;
+        return tab_nav_objectSpread({}, initBarStyle);
       }
       var positionArr = [PositionEnum.LEFT, PositionEnum.RIGHT];
       if (positionArr.includes(props.tabPosition)) {
@@ -1637,18 +1603,45 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           background: props.activeBarColor
         };
       }
-      return initStyle;
+      return tab_nav_objectSpread({}, initBarStyle);
+    };
+    var updateActiveBarStyle = function updateActiveBarStyle() {
+      var next = calcActiveBarStyle();
+      // 仅在确有变化时赋值，避免无意义的重渲染
+      if (JSON.stringify(next) !== JSON.stringify(activeBarStyle.value)) {
+        activeBarStyle.value = next;
+      }
+    };
+    // 观察激活项自身尺寸变化（label 长度变化、字体异步加载、容器缩放等）
+    var barResizeObserver = null;
+    var observeActiveBar = function observeActiveBar() {
+      var _barResizeObserver;
+      (_barResizeObserver = barResizeObserver) === null || _barResizeObserver === void 0 || _barResizeObserver.disconnect();
+      if (typeof ResizeObserver !== 'undefined' && activeRef.value) {
+        barResizeObserver = new ResizeObserver(function () {
+          return updateActiveBarStyle();
+        });
+        barResizeObserver.observe(activeRef.value);
+      }
+    };
+    __WEBPACK_EXTERNAL_MODULE_vue_onMounted__(function () {
+      observeActiveBar();
+      updateActiveBarStyle();
+    });
+    __WEBPACK_EXTERNAL_MODULE_vue_onBeforeUnmount__(function () {
+      var _barResizeObserver2;
+      (_barResizeObserver2 = barResizeObserver) === null || _barResizeObserver2 === void 0 || _barResizeObserver2.disconnect();
+      barResizeObserver = null;
     });
-    var tableNavList = (0,external_vue_namespaceObject.computed)(function () {
+    var tableNavList = __WEBPACK_EXTERNAL_MODULE_vue_computed__(function () {
       if (!Array.isArray(props.panels) || !props.panels.length) {
         return [];
       }
       var list = [];
-      var hasFindActive = false;
       var panels = props.panels;
-      panels.filter(function (item, index) {
+      panels.forEach(function (item, index) {
         if (!item.props) {
-          return null;
+          return;
         }
         var _item$props = item.props,
           name = _item$props.name,
@@ -1661,14 +1654,11 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           tips = _item$props.tips,
           numDisplayType = _item$props.numDisplayType;
         if (!visible) {
-          return false;
-        }
-        if (props.active === name) {
-          hasFindActive = true;
+          return;
         }
         var renderLabel = function renderLabel(label) {
           if (item.slots.label) {
-            return (0,external_vue_namespaceObject.h)(item.slots.label);
+            return __WEBPACK_EXTERNAL_MODULE_vue_h__(item.slots.label);
           }
           if ([undefined, ''].includes(label)) {
             return "\u9009\u9879\u5361".concat(index + 1);
@@ -1677,7 +1667,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
             return label;
           }
           if (typeof label === 'function') {
-            return (0,external_vue_namespaceObject.h)(label);
+            return __WEBPACK_EXTERNAL_MODULE_vue_h__(label);
           }
           return label;
         };
@@ -1692,17 +1682,50 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           tabLabel: renderLabel(label),
           tabNum: num
         });
-        return true;
       });
-      if (!hasFindActive && props.validateActive) {
-        props.panels[0].props && props.tabChange(props.panels[0].props.name);
-      }
       return list;
     });
-    var dragenterIndex = (0,external_vue_namespaceObject.ref)(-1);
-    var dragStartIndex = (0,external_vue_namespaceObject.ref)(-1);
-    var draggingEle = (0,external_vue_namespaceObject.ref)('');
-    var distinctRoots = function distinctRoots(el1, el2) {
+    // 激活项、页签内容（label/数量）、位置或激活条尺寸/颜色变化后，等 DOM 更新完成再重新测量；
+    // 同时把 ResizeObserver 重新挂到新的激活元素上。
+    __WEBPACK_EXTERNAL_MODULE_vue_watch__([function () {
+      return props.active;
+    }, function () {
+      return props.tabPosition;
+    }, function () {
+      return props.type;
+    }, function () {
+      return props.activeBarSize;
+    }, function () {
+      return props.activeBarColor;
+    }, tableNavList], function () {
+      __WEBPACK_EXTERNAL_MODULE_vue_nextTick__(function () {
+        observeActiveBar();
+        updateActiveBarStyle();
+      });
+    });
+    // 当没有匹配到激活项且开启校验时，默认激活第一个面板。
+    // 该逻辑必须放在副作用（watch）中，computed 需保持纯函数。
+    __WEBPACK_EXTERNAL_MODULE_vue_watch__([tableNavList, function () {
+      return props.active;
+    }], function () {
+      var _props$panels;
+      if (!props.validateActive) {
+        return;
+      }
+      var hasFindActive = tableNavList.value.some(function (item) {
+        return (item === null || item === void 0 ? void 0 : item.name) === props.active;
+      });
+      var firstPanel = (_props$panels = props.panels) === null || _props$panels === void 0 ? void 0 : _props$panels[0];
+      if (!hasFindActive && firstPanel !== null && firstPanel !== void 0 && firstPanel.props) {
+        props.tabChange(firstPanel.props.name);
+      }
+    }, {
+      immediate: true
+    });
+    var dragenterIndex = __WEBPACK_EXTERNAL_MODULE_vue_ref__(-1);
+    var dragStartIndex = __WEBPACK_EXTERNAL_MODULE_vue_ref__(-1);
+    var draggingEle = __WEBPACK_EXTERNAL_MODULE_vue_ref__('');
+    var isSameRoot = function isSameRoot(el1, el2) {
       return el1 === el2;
     };
     var methods = {
@@ -1727,18 +1750,18 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       },
       dragenter: function dragenter(index) {
         // 缓存目标元素索引，方便添加样式
-        if (distinctRoots(draggingEle.value, props.guid)) {
+        if (isSameRoot(draggingEle.value, props.guid)) {
           dragenterIndex.value = index;
         }
       },
       dragend: function dragend() {
         dragenterIndex.value = -1;
         dragStartIndex.value = -1;
-        draggingEle.value = null;
+        draggingEle.value = '';
       },
       drop: function drop(index, sortType) {
         // 不是同一个tab，返回——暂时不支持跨tab拖动
-        if (!distinctRoots(draggingEle.value, props.guid)) {
+        if (!isSameRoot(draggingEle.value, props.guid)) {
           return false;
         }
         props.tabSort(dragStartIndex.value, index, sortType);
@@ -1750,7 +1773,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         props.tabRemove(index, panel);
       }
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3_usePrefix__(),
       resolveClassName = _usePrefix.resolveClassName;
     return tab_nav_objectSpread(tab_nav_objectSpread({}, methods), {}, {
       activeRef: activeRef,
@@ -1759,7 +1782,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       dragenterIndex: dragenterIndex,
       dragStartIndex: dragStartIndex,
       draggingEle: draggingEle,
-      guid: Math.random().toString(16).substr(4) + Math.random().toString(16).substr(4),
+      guid: "".concat(Date.now().toString(16), "-").concat(Math.random().toString(16).slice(2, 10)),
       resolveClassName: resolveClassName
     });
   },
@@ -1799,24 +1822,34 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           return !disabled && (curentValue || parentValue);
         };
         var getCloseTag = function getCloseTag(item, index) {
-          return getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
+          return getValue(item.closable, closable) ? __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("span", {
             "class": _this.resolveClassName('tab-header--close'),
             "onClick": function onClick() {
               return _this.handleTabRemove(index, item);
             }
-          }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, null, null)]) : '';
+          }, [__WEBPACK_EXTERNAL_MODULE_vue_createVNode__(__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3_Close__, null, null)]) : '';
         };
         var getNumType = function getNumType() {
           return ['bracket'].includes(numDisplayType) ? "(".concat(tabNum, ")") : tabNum;
         };
-        return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+        return __WEBPACK_EXTERNAL_MODULE_vue_withDirectives__(__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "key": name,
           "ref": active === name ? 'activeRef' : 'tabLabelRef',
+          "role": "tab",
+          "aria-selected": active === name,
+          "aria-disabled": disabled || undefined,
+          "tabindex": disabled ? -1 : 0,
           "class": getNavItemClass(),
           "draggable": getValue(item.sortable, sortable),
           "onClick": function onClick() {
             return !disabled && _this.handleTabChange(name);
           },
+          "onKeydown": function onKeydown(e) {
+            if (!disabled && (e.key === 'Enter' || e.key === ' ')) {
+              e.preventDefault();
+              _this.handleTabChange(name);
+            }
+          },
           "onDragend": function onDragend(e) {
             e.preventDefault();
             dragend();
@@ -1838,15 +1871,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
             e.preventDefault();
             drop(index, sortType);
           }
-        }, [!isNaN(tabNum) ? (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [!isNaN(tabNum) ? __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "class": _this.resolveClassName('tab-header--has-num')
-        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        }, [__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "class": _this.resolveClassName('tab-header--has-num-left')
-        }, [tabLabel]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [tabLabel]), __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "class": _this.resolveClassName('tab-header--has-num-right')
-        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        }, [__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "class": _this.resolveClassName("tab-header--has-num-".concat(numDisplayType))
-        }, [getNumType()]), getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index)])]) : (0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), isNaN(tabNum) ? getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index) : '']), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
+        }, [getNumType()]), getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index)])]) : __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", null, [tabLabel]), isNaN(tabNum) ? getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index) : '']), [[__WEBPACK_EXTERNAL_MODULE_vue_resolveDirective__("bk-tooltips"), {
           content: item.tips || '',
           disabled: !item.tips
         }]]);
@@ -1856,21 +1889,21 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       var list = [];
       if (typeof _this.$slots.add === 'function') {
         var _this$$slots$add, _this$$slots;
-        list.push((_this$$slots$add = (_this$$slots = _this.$slots).add) === null || _this$$slots$add === void 0 ? void 0 : _this$$slots$add.call(_this$$slots, external_vue_namespaceObject.h));
+        list.push((_this$$slots$add = (_this$$slots = _this.$slots).add) === null || _this$$slots$add === void 0 ? void 0 : _this$$slots$add.call(_this$$slots, __WEBPACK_EXTERNAL_MODULE_vue_h__));
       } else if (addable) {
-        list.push((0,external_vue_namespaceObject.createVNode)("div", {
+        list.push(__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "onClick": _this.handleTabAdd
-        }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Plus, {
+        }, [__WEBPACK_EXTERNAL_MODULE_vue_createVNode__(__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3_Plus__, {
           "style": "display:flex;",
           "width": 26,
           "height": 26
         }, null)]));
       }
       if (list.length) {
-        return (0,external_vue_namespaceObject.createVNode)("div", {
+        return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "class": _this.resolveClassName('tab-header-operation')
         }, [list.map(function (item, index) {
-          return (0,external_vue_namespaceObject.createVNode)("div", {
+          return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
             "key": index,
             "class": _this.resolveClassName('tab-header-item')
           }, [item]);
@@ -1880,28 +1913,30 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
     };
     var renderActiveBar = function renderActiveBar() {
       if (_this.type === TabTypeEnum.UNBORDER_CARD) {
-        return (0,external_vue_namespaceObject.createVNode)("div", {
+        return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
           "style": _this.activeBarStyle,
           "class": _this.resolveClassName('tab-header-active-bar')
         }, null);
       }
       return '';
     };
-    var setting = typeof this.$slots.setting === 'function' ? (0,external_vue_namespaceObject.createVNode)("div", {
+    var setting = typeof this.$slots.setting === 'function' ? __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
       "class": this.resolveClassName('tab-header-setting')
     }, [this.$slots.setting()]) : null;
     var operations = renderOperation();
-    return (0,external_vue_namespaceObject.createVNode)("div", {
+    return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
       "style": {
         lineHeight: "".concat(labelHeight, "px")
       },
       "class": this.resolveClassName('tab-header')
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+    }, [__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
+      "role": "tablist",
       "class": [this.resolveClassName('tab-header-nav'), operations || setting ? 'tab-header-auto' : '']
     }, [renderActiveBar(), renderNavs()]), operations, setting]);
   }
 }));
-;// CONCATENATED MODULE: ../../packages/tab/src/tab.tsx
+;// ../../packages/tab/src/tab.tsx
+
 
 
 
@@ -1936,7 +1971,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
 
 
 
-/* harmony default export */ const tab = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const tab = (__WEBPACK_EXTERNAL_MODULE_vue_defineComponent__({
   name: 'Tab',
   components: {
     TabNav: tab_nav
@@ -1950,37 +1985,47 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
   setup: function setup(_props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
-    var isMounted = (0,external_vue_namespaceObject.ref)(false);
-    var panels = (0,external_vue_namespaceObject.ref)([]);
-    var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
-    // 动态插入tabPanel
+    var isMounted = __WEBPACK_EXTERNAL_MODULE_vue_ref__(false);
+    var panels = __WEBPACK_EXTERNAL_MODULE_vue_ref__([]);
+    var instance = __WEBPACK_EXTERNAL_MODULE_vue_getCurrentInstance__();
+    // 向下注入当前激活面板，供 TabPanel 通过 inject 读取，替代 this.$parent.active。
+    __WEBPACK_EXTERNAL_MODULE_vue_provide__(tabActiveInjectionKey, __WEBPACK_EXTERNAL_MODULE_vue_computed__(function () {
+      return _props.active;
+    }));
+    // 递归收集已挂载的 TabPanel 实例。
+    // 仅向下穿透 Tab 自身的包裹元素（原生标签、Fragment、template），
+    // 不进入用户自定义组件，避免误收集嵌套 Tab 的面板。
     var _getPaneInstanceFromSlot = function getPaneInstanceFromSlot(vnode) {
       var panelInstanceList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var children = vnode.children;
-      (children || []).forEach(function (node) {
-        var type = node.type;
-        type = type.name || type;
+      var children = vnode === null || vnode === void 0 ? void 0 : vnode.children;
+      if (!Array.isArray(children)) {
+        return panelInstanceList;
+      }
+      children.forEach(function (node) {
+        if (!node || _typeof(node) !== 'object') {
+          return;
+        }
+        var rawType = node.type;
+        var type = (rawType === null || rawType === void 0 ? void 0 : rawType.name) || rawType;
         if (type === 'TabPanel' && node.component) {
           panelInstanceList.push(node.component);
-        } else if (type === external_vue_namespaceObject.Fragment || type === 'template') {
+        } else if (rawType === __WEBPACK_EXTERNAL_MODULE_vue_Fragment__ || rawType === 'template' || typeof rawType === 'string') {
           _getPaneInstanceFromSlot(node, panelInstanceList);
         }
       });
       return panelInstanceList;
     };
     var setPanelInstances = function setPanelInstances() {
-      if (slots["default"]) {
-        var children = instance.subTree.children[1].children;
-        if (!children) return;
-        var content = children[0];
-        var panelInstanceList = _getPaneInstanceFromSlot(content);
-        var isChanged = panelInstanceList.length !== panels.value.length;
-        if (isChanged) {
-          panels.value = panelInstanceList;
-        }
+      if (!slots["default"] || !(instance !== null && instance !== void 0 && instance.subTree)) {
+        return;
+      }
+      var panelInstanceList = _getPaneInstanceFromSlot(instance.subTree);
+      var isChanged = panelInstanceList.length !== panels.value.length;
+      if (isChanged) {
+        panels.value = panelInstanceList;
       }
     };
-    (0,external_vue_namespaceObject.onMounted)(function () {
+    __WEBPACK_EXTERNAL_MODULE_vue_onMounted__(function () {
       /* 如果是列表模式，直接渲染
       if (props.panels?.length) {
         panels.value = props.panels;
@@ -1989,9 +2034,9 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
       */
       setPanelInstances();
       isMounted.value = true;
-      (0,external_vue_namespaceObject.onUpdated)(function () {
-        setPanelInstances();
-      });
+    });
+    __WEBPACK_EXTERNAL_MODULE_vue_onUpdated__(function () {
+      setPanelInstances();
     });
     var methods = {
       tabAdd: function tabAdd(e) {
@@ -2021,10 +2066,10 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         // 如果是插队模式
         if (sortType === SortTypeEnum.INSERT) {
           if (dragTabIndex < dropTabIndex) {
-            list.splice(dropTabIndex + 1, 0, panels[dragTabIndex]);
+            list.splice(dropTabIndex + 1, 0, list[dragTabIndex]);
             list.splice(dragTabIndex, 1);
           } else if (dragTabIndex > dropTabIndex) {
-            list.splice(dropTabIndex, 0, panels[dragTabIndex]);
+            list.splice(dropTabIndex, 0, list[dragTabIndex]);
             list.splice(dragTabIndex + 1, 1);
           } else {
             return false;
@@ -2045,7 +2090,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
         emit('on-drag-tab', dragTabIndex, dragEvent);
       }
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3_usePrefix__(),
       resolveClassName = _usePrefix.resolveClassName;
     return tab_objectSpread(tab_objectSpread({}, methods), {}, {
       isMounted: isMounted,
@@ -2110,16 +2155,16 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
       if (!panels || !Array.isArray(panels)) {
         return null;
       }
-      return (0,external_vue_namespaceObject.createVNode)(tab_nav, props, _this.$slots);
+      return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__(tab_nav, props, _this.$slots);
     };
-    return (0,external_vue_namespaceObject.createVNode)("div", {
+    return __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
       "class": getTabBoxClass()
-    }, [getTabHeader(), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [getTabHeader(), __WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
       "class": this.resolveClassName('tab-content')
     }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)])]);
   }
 }));
-;// CONCATENATED MODULE: ../../packages/tab/src/tab-panel.tsx
+;// ../../packages/tab/src/tab-panel.tsx
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -2148,19 +2193,29 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
 
 
 
-/* harmony default export */ const tab_panel = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const tab_panel = (__WEBPACK_EXTERNAL_MODULE_vue_defineComponent__({
   name: 'TabPanel',
   props: tabPanelProps,
+  setup: function setup() {
+    // 优先通过 inject 获取激活态；单独使用 TabPanel（无父级 Tab）时回退到 $parent。
+    var tabActive = __WEBPACK_EXTERNAL_MODULE_vue_inject__(tabActiveInjectionKey, null);
+    return {
+      tabActive: tabActive
+    };
+  },
   render: function render() {
-    var _this = this;
-    var active = this.name === this.$parent.active;
+    var _this$tabActive,
+      _this$$parent,
+      _this = this;
+    var parentActive = (_this$tabActive = this.tabActive) !== null && _this$tabActive !== void 0 ? _this$tabActive : (_this$$parent = this.$parent) === null || _this$$parent === void 0 ? void 0 : _this$$parent.active;
+    var active = this.name === parentActive;
     var getContent = function getContent() {
       // 不渲染
       if (!_this.visible || _this.renderDirective === 'if' && !active) {
         return null;
       }
       if (typeof _this.panel === 'function') {
-        return _this.panel(external_vue_namespaceObject.h);
+        return _this.panel(__WEBPACK_EXTERNAL_MODULE_vue_h__);
       }
       if (typeof _this.$slots["default"] === 'function') {
         return _this.$slots["default"](null);
@@ -2170,30 +2225,23 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
       }
       return null;
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3_usePrefix__(),
       resolveClassName = _usePrefix.resolveClassName;
-    return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+    return __WEBPACK_EXTERNAL_MODULE_vue_withDirectives__(__WEBPACK_EXTERNAL_MODULE_vue_createVNode__("div", {
       "ref": "content",
       "class": resolveClassName('tab-panel')
-    }, [getContent()]), [[external_vue_namespaceObject.vShow, active]]);
+    }, [getContent()]), [[__WEBPACK_EXTERNAL_MODULE_vue_vShow__, active]]);
   }
 }));
-;// CONCATENATED MODULE: ../../packages/tab/src/index.ts
+;// ../../packages/tab/src/index.ts
 
 
 
 
 // 使用 any 断言避免 declaration 生成时引用 Vue 内部类型 SchedulerJob（TS4023/TS4082）
-var BkTab = (0,shared_namespaceObject.withInstallProps)(tab, {
+var BkTab = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03_withInstallProps__(tab, {
   TabPanel: tab_panel
 });
 
 /* harmony default export */ const src = (BkTab);
-})();
-
-var __webpack_exports__BkTab = __webpack_exports__.BkTab;
-var __webpack_exports__BkTabPanel = __webpack_exports__.BkTabPanel;
-var __webpack_exports__PositionEnum = __webpack_exports__.PositionEnum;
-var __webpack_exports__SortTypeEnum = __webpack_exports__.SortTypeEnum;
-var __webpack_exports__default = __webpack_exports__["default"];
-export { __webpack_exports__BkTab as BkTab, __webpack_exports__BkTabPanel as BkTabPanel, __webpack_exports__PositionEnum as PositionEnum, __webpack_exports__SortTypeEnum as SortTypeEnum, __webpack_exports__default as default };
+export { BkTab, tab_panel as BkTabPanel, PositionEnum, SortTypeEnum, src as default };