bkui-vue 0.0.1-beta.417 → 0.0.1-beta.419

package/dist/index.esm.js

@@ -89,6 +89,7 @@ var colorPicker = "";
 var timePicker = "";
 var searchSelect = "";
 var configProvider = "";
+var popConfirm = "";
 const BKLAYERD_INDEX_EFAULT_VALUE = {
   ["bottom"]: 0,
   ["content"]: 1,
@@ -334,7 +335,7 @@ function getWindow$1(node) {
   }
   return node;
 }
-function isElement$3(node) {
+function isElement$4(node) {
   var OwnElement = getWindow$1(node).Element;
   return node instanceof OwnElement || node instanceof Element;
 }
@@ -488,7 +489,7 @@ function isTableElement$1(element) {
   return ["table", "td", "th"].indexOf(getNodeName$1(element)) >= 0;
 }
 function getDocumentElement$1(element) {
-  return ((isElement$3(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+  return ((isElement$4(element) ? element.ownerDocument : element.document) || window.document).documentElement;
 }
 function getParentNode$1(element) {
   if (getNodeName$1(element) === "html") {
@@ -896,17 +897,17 @@ function getInnerBoundingClientRect$1(element) {
   return rect;
 }
 function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element)) : isElement$3(clippingParent) ? getInnerBoundingClientRect$1(clippingParent) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
+  return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element)) : isElement$4(clippingParent) ? getInnerBoundingClientRect$1(clippingParent) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
 }
 function getClippingParents(element) {
   var clippingParents2 = listScrollParents(getParentNode$1(element));
   var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$2(element).position) >= 0;
   var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent$1(element) : element;
-  if (!isElement$3(clipperElement)) {
+  if (!isElement$4(clipperElement)) {
     return [];
   }
   return clippingParents2.filter(function(clippingParent) {
-    return isElement$3(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== "body";
+    return isElement$4(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== "body";
   });
 }
 function getClippingRect$1(element, boundary, rootBoundary) {
@@ -988,7 +989,7 @@ function detectOverflow$1(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect$1(isElement$3(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect$1(isElement$4(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary);
   var referenceClientRect = getBoundingClientRect$1(state.elements.reference);
   var popperOffsets2 = computeOffsets({
     reference: referenceClientRect,
@@ -1505,7 +1506,7 @@ function popperGenerator(generatorOptions) {
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options2);
         state.scrollParents = {
-          reference: isElement$3(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          reference: isElement$4(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
           popper: listScrollParents(popper2)
         };
         var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
@@ -1664,7 +1665,7 @@ function merge$1(target, source, options) {
   }
   return target;
 }
-function isElement$2(obj) {
+function isElement$3(obj) {
   try {
     return obj instanceof HTMLElement;
   } catch (e) {
@@ -1773,13 +1774,13 @@ class BKPopover {
   }
   restorePopContent() {
     const target = this.getAppendToTarget();
-    if (isElement$2(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
+    if (isElement$3(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
       this.container.append(this.popperRefer);
     }
   }
   appendToTarget() {
     const target = this.getAppendToTarget();
-    if (isElement$2(target) && target.contains(this.popperRefer)) {
+    if (isElement$3(target) && target.contains(this.popperRefer)) {
       target.append(this.popperRefer);
     }
   }
@@ -1860,7 +1861,7 @@ class BKPopover {
     return null;
   }
   isElement(obj) {
-    return isElement$2(obj);
+    return isElement$3(obj);
   }
   registerEvents() {
     if (this.isElement(this.referenceTarget)) {
@@ -7935,9 +7936,7 @@ var SizeEnum = /* @__PURE__ */ ((SizeEnum2) => {
   return SizeEnum2;
 })(SizeEnum || {});
 function renderDirectiveType() {
-  return j("renderDirective", {
-    default: "show"
-  });
+  return E().def("show");
 }
 var AlignEnum = /* @__PURE__ */ ((AlignEnum2) => {
   AlignEnum2["LEFT"] = "left";
@@ -7946,9 +7945,7 @@ var AlignEnum = /* @__PURE__ */ ((AlignEnum2) => {
   return AlignEnum2;
 })(AlignEnum || {});
 function alignType() {
-  return j("align", {
-    default: "left"
-  }).def("left");
+  return E().def("left");
 }
 var ThemeEnum = /* @__PURE__ */ ((ThemeEnum2) => {
   ThemeEnum2["PRIMARY"] = "primary";
@@ -7976,10 +7973,10 @@ var PlacementEnum = /* @__PURE__ */ ((PlacementEnum2) => {
   return PlacementEnum2;
 })(PlacementEnum || {});
 function placementType() {
-  return j("placement", {}).def("bottom");
+  return E().def("bottom");
 }
-function triggerType() {
-  return j("trigger", {}).def("hover");
+function triggerType$1() {
+  return E().def("hover");
 }
 var RenderType = /* @__PURE__ */ ((RenderType2) => {
   RenderType2["AUTO"] = "auto";
@@ -8046,7 +8043,6 @@ class PropTypes extends propTypesNS {
         if (!val || placements2.includes(val)) {
           return true;
         }
-        console.error(`invalid placements, ${val}, the placement must be one of \u3010${placements2.join(" | ")}\u3011`);
         return false;
       },
       default: "top"
@@ -8198,6 +8194,10 @@ const zhCn = {
     prev: "\u4E0A\u4E00\u6B65",
     next: "\u4E0B\u4E00\u6B65"
   },
+  popConfirm: {
+    ok: "\u786E\u5B9A",
+    cancel: "\u53D6\u6D88"
+  },
   form: {
     notBeEmpty: "\u4E0D\u80FD\u4E3A\u7A7A",
     incorrectFormat: "\u683C\u5F0F\u4E0D\u6B63\u786E",
@@ -8307,7 +8307,7 @@ const provideGlobalConfig = (config) => {
   });
   provide(rootProviderKey, configData);
 };
-var Component$F = defineComponent({
+var Component$G = defineComponent({
   name: "ConfigProvider",
   inheritAttrs: false,
   props: configProviderProps,
@@ -8321,7 +8321,7 @@ var Component$F = defineComponent({
     };
   }
 });
-const BkConfigProvider = withInstall(Component$F);
+const BkConfigProvider = withInstall(Component$G);
 function generate(node, key2, rootAttrs) {
   return h$1(node.name, __spreadProps(__spreadValues({
     key: key2
@@ -8857,7 +8857,7 @@ const warn = (props2, context) => {
 warn.displayName = "warn";
 warn.inheritAttrs = false;
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M603.52 348.8c0 26.496-22.357333333333333 48-49.919999999999995 48s-49.919999999999995-21.503999999999998-49.919999999999995-48c0-26.496 22.357333333333333-48 49.919999999999995-48s49.919999999999995 21.503999999999998 49.919999999999995 48z"}},{"type":"element","name":"path","attributes":{"d":"M357.11999999999995 348.8c0 26.496-22.357333333333333 48-49.919999999999995 48s-49.919999999999995-21.503999999999998-49.919999999999995-48c0-26.496 22.357333333333333-48 49.919999999999995-48s49.919999999999995 21.503999999999998 49.919999999999995 48z"}},{"type":"element","name":"path","attributes":{"d":"M693.12 604.16c0 15.914666666666665-13.184 28.8-29.439999999999998 28.8s-29.439999999999998-12.885333333333332-29.439999999999998-28.8c0-15.914666666666665 13.184-28.8 29.439999999999998-28.8s29.439999999999998 12.885333333333332 29.439999999999998 28.8z"}},{"type":"element","name":"path","attributes":{"d":"M951.68 832c43.775999999999996-42.410666666666664 71.29599999999999-101.41866666666665 72.32-166.86933333333332-4.608-109.696-77.35466666666666-201.0453333333333-176.72533333333334-233.30133333333333 5.674666666666667-12.117333333333331 10.154666666666666-26.282666666666664 10.154666666666666-41.471999999999994 0-4.522666666666666-0.38399999999999995-8.959999999999999-1.152-13.226666666666667-33.834666666666664-181.29066666666665-212.39466666666664-313.1306666666667-425.5146666666667-313.1306666666667-238.71999999999997 0-430.72 167.04-430.72 372.48 1.2799999999999998 107.56266666666666 50.56 203.30666666666664 127.40266666666668 267.05066666666664l-16.682666666666666 55.50933333333333c-2.1759999999999997 6.784-3.456 14.634666666666668-3.456 22.741333333333333 0 42.410666666666664 34.38933333333333 76.8 76.8 76.8 12.458666666666666 0 24.191999999999997-2.944 34.602666666666664-8.234666666666666l101.33333333333333-52.906666666666666c32.81066666666666 7.722666666666666 70.52799999999999 12.159999999999998 109.22666666666666 12.159999999999998 0.08533333333333333 0 0.17066666666666666 0 0.21333333333333332 0h28.16c13.098666666666666-0.7679999999999999 25.130666666666663-4.693333333333333 35.54133333333333-11.050666666666666 54.22933333333333 73.55733333333333 140.672 120.53333333333333 238.07999999999998 120.53333333333333 1.664 0 3.3706666666666667 0 5.034666666666666-0.042666666666666665 21.077333333333332-0.08533333333333333 41.855999999999995-2.1759999999999997 61.99466666666667-6.101333333333333l49.10933333333333 26.581333333333333c9.941333333333333 5.034666666666666 21.717333333333332 8.021333333333333 34.176 8.021333333333333 42.410666666666664 0 76.8-34.38933333333333 76.8-76.8 0-8.106666666666666-1.2799999999999998-15.957333333333333-3.584-23.296zM430.72 752.64c-0.17066666666666666 0-0.38399999999999995 0-0.5973333333333333 0-40.831999999999994 0-80.29866666666666-5.8453333333333335-117.58933333333331-16.72533333333333l-3.456 0.7253333333333334-131.2 67.19999999999999 35.199999999999996-113.27999999999999h-3.1999999999999997c-86.10133333333332-52.05333333333333-143.40266666666668-144.17066666666665-145.92-249.89866666666666 0-172.50133333333332 165.76-312.66133333333335 366.72-312.66133333333335 5.717333333333333-0.3413333333333333 12.415999999999999-0.512 19.157333333333334-0.512 163.32799999999997 0 300.58666666666664 111.40266666666668 340.0106666666667 262.4l-14.805333333333332 2.432c-183.04 0-327.03999999999996 112-327.03999999999996 285.44 0.512 26.709333333333333 5.1626666666666665 52.181333333333335 13.312 75.98933333333332zM872.96 812.8v0l21.759999999999998 67.84-81.28-40.959999999999994h-3.84c-21.119999999999997 6.101333333333333-45.397333333333336 9.6-70.48533333333333 9.6-0.17066666666666666 0-0.38399999999999995 0-0.5546666666666666 0-5.888 0.5973333333333333-12.757333333333332 0.9386666666666665-19.712 0.9386666666666665-107.09333333333332 0-195.2853333333333-80.93866666666666-206.71999999999997-184.95999999999998 10.367999999999999-106.96533333333333 99.072-189.1413333333333 206.976-189.1413333333333 5.973333333333334 0 11.861333333333334 0.256 17.706666666666663 0.7253333333333334 4.309333333333333-0.512 10.197333333333333-0.7253333333333334 16.170666666666666-0.7253333333333334 107.904 0 196.60799999999998 82.17599999999999 206.976 187.34933333333333-1.7066666666666666 63.82933333333333-35.79733333333333 118.44266666666665-86.18666666666667 148.90666666666667z"}},{"type":"element","name":"path","attributes":{"d":"M839.68 604.16c0 15.914666666666665-13.184 28.8-29.439999999999998 28.8s-29.439999999999998-12.885333333333332-29.439999999999998-28.8c0-15.914666666666665 13.184-28.8 29.439999999999998-28.8s29.439999999999998 12.885333333333332 29.439999999999998 28.8z"}}]}');
-var Component$E = defineComponent({
+var Component$F = defineComponent({
   name: "Alert",
   props: {
     theme: TagThemeType().def(TagThemeEnum.INFO),
@@ -8914,8 +8914,8 @@ var Component$E = defineComponent({
     }, [this.closeText ? this.closeText : createVNode(closeLine, null, null)])])]);
   }
 });
-const BkAlert = withInstall(Component$E);
-var Component$D = defineComponent({
+const BkAlert = withInstall(Component$F);
+var Component$E = defineComponent({
   name: "AnimateNumber",
   props: {
     value: PropTypes.number.def(0),
@@ -8963,7 +8963,7 @@ var Component$D = defineComponent({
     return () => createVNode("span", null, [formatValue.value]);
   }
 });
-const BkAnimateNumber = withInstall(Component$D);
+const BkAnimateNumber = withInstall(Component$E);
 const on$1 = (() => {
   if (document.addEventListener) {
     return (element, event, handler) => {
@@ -8992,7 +8992,7 @@ const off$1 = (() => {
     }
   };
 })();
-var Component$C = defineComponent({
+var Component$D = defineComponent({
   name: "Affix",
   props: {
     offsetTop: PropTypes.number.def(0),
@@ -9117,8 +9117,8 @@ var Component$C = defineComponent({
     };
   }
 });
-const BkAffix = withInstall(Component$C);
-var Component$B = defineComponent({
+const BkAffix = withInstall(Component$D);
+var Component$C = defineComponent({
   name: "Backtop",
   props: {
     visibilityHeight: PropTypes.number.def(200),
@@ -9183,8 +9183,8 @@ var Component$B = defineComponent({
     });
   }
 });
-const BkBacktop = withInstall(Component$B);
-var Component$A = defineComponent({
+const BkBacktop = withInstall(Component$C);
+var Component$B = defineComponent({
   name: "Badge",
   props: {
     theme: PropTypes.string.def("primary"),
@@ -9260,8 +9260,8 @@ var Component$A = defineComponent({
     }, [(_f = (_e = (_d = this.$slots).icon) == null ? void 0 : _e.call(_d)) != null ? _f : number]) : ""]);
   }
 });
-const BkBadge = withInstall(Component$A);
-var Component$z = defineComponent({
+const BkBadge = withInstall(Component$B);
+var Component$A = defineComponent({
   name: "Breadcrumb",
   props: {
     extCls: PropTypes.string,
@@ -9375,7 +9375,7 @@ var BreadcrumbItem = defineComponent({
     };
   }
 });
-const BkBreadcrumb = withInstallProps(Component$z, { Item: BreadcrumbItem });
+const BkBreadcrumb = withInstallProps(Component$A, { Item: BreadcrumbItem });
 let BkLoadingMode;
 (function(BkLoadingMode2) {
   BkLoadingMode2["Default"] = "default";
@@ -9414,7 +9414,7 @@ const loadingTypes = {
   color: PropTypes.string.def("white"),
   zIndex: PropTypes.number.def(1)
 };
-var Component$y = defineComponent({
+var Component$z = defineComponent({
   name: "Loading",
   props: loadingTypes,
   setup(props2, ctx) {
@@ -9458,7 +9458,7 @@ var Component$y = defineComponent({
       var _a, _b;
       return createVNode("div", {
         "class": loadingWrapperCls.value
-      }, [props2.loading && [ctx.slots.default && createVNode("div", {
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a), props2.loading && [ctx.slots.default && createVNode("div", {
         "class": "bk-loading-mask",
         "style": maskStyle.value
       }, null), createVNode("div", {
@@ -9466,11 +9466,11 @@ var Component$y = defineComponent({
         "style": zIndexStyle.value
       }, [indicator.value, hasTitle.value && createVNode("div", {
         "class": "bk-loading-title"
-      }, [props2.title])])], (_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+      }, [props2.title])])]]);
     };
   }
 });
-const BkLoading = withInstallProps(Component$y, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
+const BkLoading = withInstallProps(Component$z, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
 const btnSizes = ["", "small", "large"];
 const buttonProps = {
   theme: PropTypes.theme(),
@@ -9496,7 +9496,7 @@ const buttonProps = {
     default: "button"
   }
 };
-var Component$x = defineComponent({
+var Component$y = defineComponent({
   name: "Button",
   props: buttonProps,
   emits: ["click", "mouseover"],
@@ -9586,7 +9586,7 @@ var ButtonGroup = defineComponent({
     };
   }
 });
-const BkButton = withInstallProps(Component$x, { ButtonGroup });
+const BkButton = withInstallProps(Component$y, { ButtonGroup });
 var CollapseTransition = defineComponent({
   name: "CollapseTransition",
   setup(_props, {
@@ -9723,7 +9723,7 @@ const inputEmitEventsType = {
   [EVENTS$2.COMPOSITIONUPDATE]: CompositionEventFunction,
   [EVENTS$2.COMPOSITIONEND]: CompositionEventFunction
 };
-var Component$w = defineComponent({
+var Component$x = defineComponent({
   name: "Input",
   inheritAttrs: false,
   props: inputType,
@@ -9944,8 +9944,8 @@ var Component$w = defineComponent({
     };
   }
 });
-const BkInput = withInstall(Component$w);
-var Component$v = defineComponent({
+const BkInput = withInstall(Component$x);
+var Component$w = defineComponent({
   name: "Card",
   props: {
     title: PropTypes.string,
@@ -10043,7 +10043,7 @@ var Component$v = defineComponent({
     })]);
   }
 });
-const BkCard = withInstall(Component$v);
+const BkCard = withInstall(Component$w);
 const checkboxGroupKey = Symbol("CheckboxGroup");
 function useFocus$1() {
   const isFocus = ref(false);
@@ -10153,7 +10153,7 @@ const checkboxProps = {
   size: PropTypes.size().def(SizeEnum.LARGE),
   immediateEmitChange: PropTypes.bool.def(true)
 };
-var Component$u = defineComponent({
+var Component$v = defineComponent({
   name: "Checkbox",
   props: checkboxProps,
   emits: ["update:modelValue", "change"],
@@ -10274,7 +10274,7 @@ var BkCheckboxGroup = defineComponent({
     }, [(_a = this.$slots) == null ? void 0 : _a.default()]);
   }
 });
-const BkCheckbox = withInstallProps(Component$u, { Group: BkCheckboxGroup });
+const BkCheckbox = withInstallProps(Component$v, { Group: BkCheckboxGroup });
 const propsCollapse = {
   list: PropTypes.arrayOf(PropTypes.any).def([]),
   idFiled: PropTypes.string.def("$index"),
@@ -10527,7 +10527,7 @@ const propsMixin$1 = {
   multiInstance: PropTypes.bool.def(true),
   infoType: PropTypes.theme()
 };
-var Component$t = defineComponent({
+var Component$u = defineComponent({
   name: "Modal",
   props: __spreadValues({}, propsMixin$1),
   emits: ["quick-close", "quickClose", "hidden", "shown", "close"],
@@ -10642,7 +10642,7 @@ var Component$t = defineComponent({
     })]);
   }
 });
-const BkModal = withInstallProps(Component$t, { propsMixin: propsMixin$1 }, true);
+const BkModal = withInstallProps(Component$u, { propsMixin: propsMixin$1 }, true);
 const props$1 = __spreadProps(__spreadValues({}, propsMixin$1), {
   width: PropTypes.oneOfType([String, Number]).def(""),
   height: PropTypes.oneOfType([String, Number]).def(""),
@@ -11021,7 +11021,7 @@ var Exception = defineComponent({
   }
 });
 const BkException = withInstall(Exception);
-var Component$s = defineComponent({
+var Component$t = defineComponent({
   name: "FixedNavbar",
   props: {
     navItems: PropTypes.array.def([]),
@@ -11062,7 +11062,7 @@ var Component$s = defineComponent({
     }, [item.text]) : ""]))]);
   }
 });
-const BkFixedNavbar = withInstall(Component$s);
+const BkFixedNavbar = withInstall(Component$t);
 var LinkThemeEnum;
 (function(LinkThemeEnum2) {
   LinkThemeEnum2["DANGER"] = "danger";
@@ -11071,7 +11071,7 @@ var LinkThemeEnum;
   LinkThemeEnum2["WARNING"] = "warning";
   LinkThemeEnum2["DEFAULT"] = "default";
 })(LinkThemeEnum || (LinkThemeEnum = {}));
-var Component$r = defineComponent({
+var Component$s = defineComponent({
   name: "Link",
   props: {
     theme: j("linkTheme", {}).def(LinkThemeEnum.DEFAULT),
@@ -11109,8 +11109,8 @@ var Component$r = defineComponent({
     }, [createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
   }
 });
-const BkLink = withInstall(Component$r);
-const isElement$1 = (e) => {
+const BkLink = withInstall(Component$s);
+const isElement$2 = (e) => {
   if (typeof Element === "undefined")
     return false;
   return e instanceof Element;
@@ -11129,7 +11129,7 @@ function createDocumentHandler(el, binding) {
   let excludes = [];
   if (Array.isArray(binding.arg)) {
     excludes = binding.arg;
-  } else if (isElement$1(binding.arg)) {
+  } else if (isElement$2(binding.arg)) {
     excludes.push(binding.arg);
   }
   return function(mouseup, mousedown) {
@@ -11213,7 +11213,8 @@ var Content = defineComponent({
   props: {
     width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
     height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
-    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto")
+    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
+    extCls: PropTypes.string.def("")
   },
   setup(props2) {
     const resolveValToPix = (val) => {
@@ -11233,7 +11234,7 @@ var Content = defineComponent({
   },
   render() {
     var _a, _b, _c, _d, _e, _f;
-    const className = [resolveClassName("popover"), resolveClassName("pop2-content")];
+    const className = [resolveClassName("popover"), resolveClassName("pop2-content"), this.extCls];
     return createVNode("div", {
       "class": className,
       "tabindex": "-1",
@@ -11252,11 +11253,11 @@ const PopoverProps = __spreadValues({
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
-  content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
-  allowHTML: PropTypes.bool.def(false),
-  placement: PropTypes.oneOfType([placementType().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.any]).def(""),
+  allowHtml: PropTypes.bool.def(false),
+  placement: placementType().def(PlacementEnum.TOP),
   theme: PropTypes.string.def("dark"),
-  trigger: PropTypes.oneOfType([triggerType(), PropTypes.string]).def("hover"),
+  trigger: triggerType$1(),
   renderType: renderType(),
   arrow: PropTypes.bool.def(true),
   padding: PropTypes.number.def(5),
@@ -11270,7 +11271,8 @@ const PopoverProps = __spreadValues({
   disableTransform: PropTypes.bool.def(false),
   reference: PropTypes.any.def(null),
   modifiers: PropTypes.array.def([]),
-  popoverDelay: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).def(100)
+  popoverDelay: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).def(100),
+  extCls: PropTypes.string.def("")
 }, EventProps$1);
 var Reference = defineComponent({
   name: "PopReference",
@@ -12093,7 +12095,7 @@ function getUAString() {
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
 }
-function isElement(value) {
+function isElement$1(value) {
   return value instanceof getWindow(value).Element;
 }
 function isNode(value) {
@@ -12143,7 +12145,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
     scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
     scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
-  const win = isElement(element) ? getWindow(element) : window;
+  const win = isElement$1(element) ? getWindow(element) : window;
   const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
   const x2 = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scaleX;
   const y2 = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scaleY;
@@ -12164,7 +12166,7 @@ function getDocumentElement(node) {
   return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
 }
 function getNodeScroll(element) {
-  if (isElement(element)) {
+  if (isElement$1(element)) {
     return {
       scrollLeft: element.scrollLeft,
       scrollTop: element.scrollTop
@@ -12396,7 +12398,7 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
   if (clippingParent === "viewport") {
     return rectToClientRect(getViewportRect(element, strategy));
   }
-  if (isElement(clippingParent)) {
+  if (isElement$1(clippingParent)) {
     return getInnerBoundingClientRect(clippingParent, strategy);
   }
   return rectToClientRect(getDocumentRect(getDocumentElement(element)));
@@ -12405,10 +12407,10 @@ function getClippingAncestors(element) {
   const clippingAncestors = getOverflowAncestors(element);
   const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1$1(element).position);
   const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
-  if (!isElement(clipperElement)) {
+  if (!isElement$1(clipperElement)) {
     return [];
   }
-  return clippingAncestors.filter((clippingAncestors2) => isElement(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
+  return clippingAncestors.filter((clippingAncestors2) => isElement$1(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
 }
 function getClippingRect(_ref) {
   let {
@@ -12438,7 +12440,7 @@ function getClippingRect(_ref) {
 const platform = {
   getClippingRect,
   convertOffsetParentRelativeRectToViewportRelativeRect,
-  isElement,
+  isElement: isElement$1,
   getDimensions,
   getOffsetParent,
   getDocumentElement,
@@ -12471,7 +12473,7 @@ function autoUpdate(reference2, floating, update, options) {
   } = options;
   const ancestorScroll = _ancestorScroll && !animationFrame;
   const ancestorResize = _ancestorResize && !animationFrame;
-  const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference2) ? getOverflowAncestors(reference2) : [], ...getOverflowAncestors(floating)] : [];
+  const ancestors = ancestorScroll || ancestorResize ? [...isElement$1(reference2) ? getOverflowAncestors(reference2) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
     ancestorScroll && ancestor.addEventListener("scroll", update, {
       passive: true
@@ -12481,7 +12483,7 @@ function autoUpdate(reference2, floating, update, options) {
   let observer = null;
   if (elementResize) {
     observer = new ResizeObserver(update);
-    isElement(reference2) && !animationFrame && observer.observe(reference2);
+    isElement$1(reference2) && !animationFrame && observer.observe(reference2);
     observer.observe(floating);
   }
   let frameId;
@@ -12891,6 +12893,9 @@ var useFloating = (props2, ctx, {
   const updateFullscreenTarget = (val) => {
     fullScreenTarget.value = val;
   };
+  watch(() => props2.isShow, (val) => {
+    localIsShow.value = val;
+  });
   watch(localIsShow, (val) => {
     if (val) {
       hanldePopoverShow();
@@ -12933,6 +12938,7 @@ const getFullscreenUid = () => {
   }
   return CachedConst.fullscreenReferId;
 };
+const isElement = (element) => element instanceof Element || element instanceof HTMLDocument;
 let popContainerId = null;
 let parentNodeReferId = null;
 var usePopperId = (props2, prefix = "#") => {
@@ -13131,7 +13137,7 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     localIsShow
   };
 };
-var Component$q = defineComponent({
+var Component$r = defineComponent({
   name: "Popover",
   components: {
     Content,
@@ -13209,7 +13215,21 @@ var Component$q = defineComponent({
       return localIsShow.value;
     });
     const renderContent2 = () => {
-      if (props2.allowHTML) {
+      if (props2.allowHtml) {
+        if (isElement(props2.content)) {
+          return h$1("div", {
+            innerHTML: props2.content.innerHTML
+          });
+        }
+        if (/^(#|\.)/.test(props2.content)) {
+          const target = document.querySelector(props2.content);
+          if (isElement(target)) {
+            return h$1("div", {
+              innerHTML: target.innerHTML
+            });
+          }
+          return content;
+        }
         return h$1("div", {
           innerHTML: props2.content
         });
@@ -13252,6 +13272,7 @@ var Component$q = defineComponent({
         default: () => [withDirectives(createVNode(Content, {
           "ref": "refContent",
           "data-theme": this.theme,
+          "extCls": this.extCls,
           "width": this.width,
           "height": this.height,
           "maxHeight": this.maxHeight
@@ -13284,7 +13305,6 @@ function createPopoverComponent(options) {
   }, options), {
     trigger: "manual"
   });
-  const isElement2 = (element) => element instanceof Element || element instanceof HTMLDocument;
   const popoverComponent = {
     name: "$popover",
     setup(_2, {
@@ -13302,7 +13322,7 @@ function createPopoverComponent(options) {
         transform: ""
       });
       const updateStyle = (target) => {
-        if (isElement2(target)) {
+        if (isElement(target)) {
           const {
             x: x2,
             y: y2,
@@ -13369,7 +13389,7 @@ function createPopoverComponent(options) {
         updateTarget,
         stopHide
       });
-      return () => createVNode(Component$q, mergeProps(attrs.value, {
+      return () => createVNode(Component$r, mergeProps(attrs.value, {
         "ref": refReference,
         "onContentMouseenter": handleContentMouseenter,
         "onContentMouseleave": handleContentMouseleave
@@ -13385,7 +13405,7 @@ function createPopoverComponent(options) {
       return document.body;
     }
     if (/^parent$/i.test(boundary)) {
-      if (isElement2(resolvedOptions.target)) {
+      if (isElement(resolvedOptions.target)) {
         return resolvedOptions.target.parentNode;
       }
       return resolvedOptions.target.target.parentNode;
@@ -13431,7 +13451,7 @@ function createPopoverComponent(options) {
     }
   };
 }
-const BkPopover = withInstall(Component$q);
+const BkPopover = withInstall(Component$r);
 var popover = defineComponent({
   name: "Popover2",
   setup() {
@@ -13561,7 +13581,7 @@ const Line = (_2, {
 function _isSlot$5(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
-var Component$p = defineComponent({
+var Component$q = defineComponent({
   name: "Progress",
   props: {
     extCls: PropTypes.string,
@@ -13639,7 +13659,7 @@ var Component$p = defineComponent({
     return createVNode("div", progressProps, [progress2]);
   }
 });
-const BkProgress = withInstall(Component$p);
+const BkProgress = withInstall(Component$q);
 const radioGroupKey = Symbol("RadioGroup");
 function useFocus() {
   const isFocused = ref(false);
@@ -13733,7 +13753,7 @@ const radioProps = {
   checked: PropTypes.bool.def(false),
   disabled: PropTypes.bool.def(false)
 };
-var Component$o = defineComponent({
+var Component$p = defineComponent({
   name: "Radio",
   props: radioProps,
   emits: ["change", "update:modelValue"],
@@ -13915,7 +13935,7 @@ var RadioGroup = defineComponent({
     }, [(_a = this.$slots) == null ? void 0 : _a.default()]);
   }
 });
-const BkRadio = withInstallProps(Component$o, { Group: RadioGroup, Button: RadioButton });
+const BkRadio = withInstallProps(Component$p, { Group: RadioGroup, Button: RadioButton });
 var star = defineComponent({
   name: "Star",
   props: {
@@ -13977,7 +13997,7 @@ var star = defineComponent({
     }, null)])])])])]))]);
   }
 });
-var Component$n = defineComponent({
+var Component$o = defineComponent({
   name: "Rate",
   components: {
     star
@@ -14057,8 +14077,8 @@ var Component$n = defineComponent({
     }, commonAttrs), null)]]);
   }
 });
-const BkRate = withInstall(Component$n);
-var Component$m = defineComponent({
+const BkRate = withInstall(Component$o);
+var Component$n = defineComponent({
   name: "Swiper",
   props: {
     isLoop: PropTypes.bool.def(true),
@@ -14217,7 +14237,7 @@ var Component$m = defineComponent({
     }, null)])]);
   }
 });
-const BkSwiper = withInstall(Component$m);
+const BkSwiper = withInstall(Component$n);
 const selectKey = Symbol("BkSelect");
 const optionGroupKey = Symbol("BkOptionGroup");
 function useHover() {
@@ -15049,7 +15069,7 @@ const createInstance = (el, binding) => {
       const targetOptions = resolveOptions(el, binding);
       targetOptions.isShow = true;
       targetOptions.content = targetOptions.content || el.innerHTML;
-      targetOptions.allowHTML = true;
+      targetOptions.allowHtml = true;
       Object.assign(targetOptions, {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
@@ -15247,7 +15267,7 @@ var virtualRender = {
     }
   }
 };
-var Component$l = defineComponent({
+var Component$m = defineComponent({
   name: "VirtualRender",
   directives: {
     bkVirtualRender: virtualRender
@@ -15419,14 +15439,14 @@ var Component$l = defineComponent({
     };
   }
 });
-const BkVirtualRender = withInstall(Component$l);
+const BkVirtualRender = withInstall(Component$m);
 var TagStrokeType;
 (function(TagStrokeType2) {
   TagStrokeType2["UNKNOWN"] = "";
   TagStrokeType2["FILLED"] = "filled";
   TagStrokeType2["STROKE"] = "stroke";
 })(TagStrokeType || (TagStrokeType = {}));
-var Component$k = defineComponent({
+var Component$l = defineComponent({
   name: "Tag",
   props: {
     theme: TagThemeType(),
@@ -15488,7 +15508,7 @@ var Component$k = defineComponent({
     }, null) : ""]);
   }
 });
-const BkTag = withInstall(Component$k);
+const BkTag = withInstall(Component$l);
 var SelectTagInput = defineComponent({
   name: "SelectTagInput",
   props: {
@@ -15626,7 +15646,7 @@ var SelectTagInput = defineComponent({
     }, null), (_g = (_f = this.$slots) == null ? void 0 : _f.suffix) == null ? void 0 : _g.call(_f)]);
   }
 });
-var Component$j = defineComponent({
+var Component$k = defineComponent({
   name: "Select",
   directives: {
     clickoutside: ClickOutside
@@ -16341,7 +16361,7 @@ var Component$j = defineComponent({
     })]);
   }
 });
-const BkSelect = withInstallProps(Component$j, { Option: BkOption, Group: OptionGroup });
+const BkSelect = withInstallProps(Component$k, { Option: BkOption, Group: OptionGroup });
 function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -16351,7 +16371,7 @@ const {
 const sliderPops = Object.assign({}, propsMixin);
 sliderPops.width.default = "400";
 sliderPops.height.default = "100%";
-var Component$i = defineComponent({
+var Component$j = defineComponent({
   name: "Sideslider",
   components: {
     BkModal,
@@ -16442,7 +16462,7 @@ var Component$i = defineComponent({
     };
   }
 });
-const BkSideslider = withInstall(Component$i);
+const BkSideslider = withInstall(Component$j);
 var StatusEnum;
 (function(StatusEnum2) {
   StatusEnum2["UNKNOWN"] = "";
@@ -16462,7 +16482,7 @@ const stepsProps = {
   steps: PropTypes.array.def([]),
   beforeChange: PropTypes.func
 };
-var Component$h = defineComponent({
+var Component$i = defineComponent({
   name: "Steps",
   props: stepsProps,
   emits: ["update:curStep", "click"],
@@ -16621,8 +16641,8 @@ var Component$h = defineComponent({
     })]);
   }
 });
-const BkSteps = withInstall(Component$h);
-var Component$g = defineComponent({
+const BkSteps = withInstall(Component$i);
+var Component$h = defineComponent({
   name: "Switcher",
   props: {
     theme: PropTypes.theme(),
@@ -16724,7 +16744,7 @@ var Component$g = defineComponent({
     }, [isChecked.value ? props2.onText : props2.offText]) : ""]);
   }
 });
-const BkSwitcher = withInstall(Component$g);
+const BkSwitcher = withInstall(Component$h);
 var BORDER_OPTION = /* @__PURE__ */ ((BORDER_OPTION2) => {
   BORDER_OPTION2["NONE"] = "none";
   BORDER_OPTION2["ROW"] = "row";
@@ -16821,6 +16841,8 @@ const createDefaultSizeList = (t2) => [
   { value: "large", label: t2.value.setting.lineHeight.large, height: SETTING_SIZE.large }
 ];
 const PROVIDE_KEY_INIT_COL = "InitColumns";
+const PROVIDE_KEY_TB_CACHE = "BKTableCahce";
+const BK_COLUMN_UPDATE_DEFINE = "Bk_COlumn_Update_Define";
 var SORT_OPTION = /* @__PURE__ */ ((SORT_OPTION2) => {
   SORT_OPTION2["ASC"] = "asc";
   SORT_OPTION2["DESC"] = "desc";
@@ -16853,7 +16875,7 @@ var SettingSizeEnum = /* @__PURE__ */ ((SettingSizeEnum2) => {
 const settingSizeType = j("columnSize", {
   default: "small"
 });
-const fixedType = j("columnSize", {});
+const fixedType = E();
 const sortScopeType = j("sortScope", {}).def("current");
 var ResizerWay = /* @__PURE__ */ ((ResizerWay2) => {
   ResizerWay2["DEBOUNCE"] = "debounce";
@@ -16984,50 +17006,64 @@ var Column = defineComponent({
   setup(props2) {
     const initColumns = inject(PROVIDE_KEY_INIT_COL, (_column, _remove = false) => {
     }, false);
+    const bkTableCache = inject(PROVIDE_KEY_TB_CACHE, {
+      queueStack: (_2, fn2) => fn2 == null ? void 0 : fn2()
+    });
     const column = reactive(__spreadProps(__spreadValues({}, props2), {
       field: props2.prop || props2.field
     }));
-    onUnmounted(() => {
-      initColumns(column, true);
-    });
     return {
       initColumns,
+      bkTableCache,
       column
     };
   },
+  unmounted() {
+    this.updateColumnDefine();
+  },
   mounted() {
-    const selfVnode = this._;
-    const colList = selfVnode.parent.vnode.children.default() || [];
-    const sortColumns = [];
-    const reduceColumns = (nodes) => {
-      if (!Array.isArray(nodes)) {
-        return;
-      }
-      this.column.render = this.$slots.default ? (args) => {
-        var _a, _b;
-        return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, args);
-      } : void 0;
-      nodes.forEach((node) => {
-        var _a, _b;
-        let skipValidateKey0 = true;
-        if (((_a = node.type) == null ? void 0 : _a.name) === "TableColumn") {
-          skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, "key");
-          const resolveProp = __spreadProps(__spreadValues({}, node.props), {
-            field: node.props.prop || node.props.field
-          });
-          if (resolveProp.label === this.column.label && resolveProp.field === this.column.field) {
-            sortColumns.push(unref(this.column));
-          } else {
-            sortColumns.push(unref(resolveProp));
+    this.updateColumnDefine();
+  },
+  methods: {
+    updateColumnDefine() {
+      const fn2 = () => {
+        const selfVnode = this._;
+        const colList = selfVnode.parent.vnode.children.default() || [];
+        const sortColumns = [];
+        const reduceColumns = (nodes) => {
+          if (!Array.isArray(nodes)) {
+            return;
           }
-        }
-        if (((_b = node.children) == null ? void 0 : _b.length) && skipValidateKey0) {
-          reduceColumns(node.children);
-        }
-      });
-    };
-    reduceColumns(colList);
-    this.initColumns(sortColumns);
+          this.column.render = this.$slots.default ? (args) => {
+            var _a, _b;
+            return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, args);
+          } : void 0;
+          nodes.forEach((node) => {
+            var _a, _b;
+            let skipValidateKey0 = true;
+            if (((_a = node.type) == null ? void 0 : _a.name) === "TableColumn") {
+              skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, "key");
+              const resolveProp = __spreadProps(__spreadValues({}, node.props), {
+                field: node.props.prop || node.props.field
+              });
+              if (resolveProp.label === this.column.label && resolveProp.field === this.column.field) {
+                sortColumns.push(unref(this.column));
+              } else {
+                sortColumns.push(unref(resolveProp));
+              }
+            }
+            if (((_b = node.children) == null ? void 0 : _b.length) && skipValidateKey0) {
+              reduceColumns(node.children);
+            }
+          });
+        };
+        reduceColumns(colList);
+        this.initColumns(sortColumns);
+      };
+      if (typeof this.bkTableCache.queueStack === "function") {
+        this.bkTableCache.queueStack(BK_COLUMN_UPDATE_DEFINE, fn2);
+      }
+    }
   },
   render() {
     var _a, _b;
@@ -17036,6 +17072,20 @@ var Column = defineComponent({
     });
   }
 });
+class BkTableCache {
+  constructor() {
+    this.storage = void 0;
+    this.storage = {};
+  }
+  queueStack(methodName, fn2 = () => {
+  }) {
+    this.storage[methodName] && clearTimeout(this.storage[methodName]);
+    this.storage[methodName] = setTimeout(() => fn2());
+  }
+  clearQueueStack(methodName) {
+    this.storage[methodName] && clearTimeout(this.storage[methodName]);
+  }
+}
 const resolvePaginationOption = (propPagination, defVal) => {
   if (!!propPagination) {
     if (typeof propPagination === "object") {
@@ -17532,7 +17582,7 @@ const paginationProps = {
     return value.some((item) => layoutNameMap[item]);
   }, "layout \u7684\u503C\u53EA\u652F\u6301 * total\u3001list\u3001limit *").def(["total", "list", "limit"])
 };
-var Component$f = defineComponent({
+var Component$g = defineComponent({
   name: "Pagination",
   props: paginationProps,
   emits: ["update:modelValue", "change", "update:limit", "limitChange"],
@@ -17603,7 +17653,7 @@ var Component$f = defineComponent({
     }))]);
   }
 });
-const BkPagination = withInstall(Component$f);
+const BkPagination = withInstall(Component$g);
 var MapShim = function() {
   if (typeof Map !== "undefined") {
     return Map;
@@ -18454,7 +18504,7 @@ var TableCell = defineComponent({
       };
     };
     const resolveOverflowTooltip = () => {
-      if (!refRoot.value || !isElement$2(refRoot.value)) {
+      if (!refRoot.value || !isElement$3(refRoot.value)) {
         return;
       }
       const {
@@ -20288,7 +20338,7 @@ const useInit = (props2, targetColumns) => {
     clearSort
   };
 };
-var Component$e = defineComponent({
+var Component$f = defineComponent({
   name: "Table",
   props: tableProps,
   emits: EMIT_EVENT_TYPES,
@@ -20297,11 +20347,13 @@ var Component$e = defineComponent({
     let columnSortFn = null;
     let activeSortColumn = null;
     let columnFilterFn = null;
+    const bkTableCache = new BkTableCache();
     const targetColumns = reactive([]);
     const {
       initColumns
     } = useColumn(props2, targetColumns);
     provide(PROVIDE_KEY_INIT_COL, initColumns);
+    provide(PROVIDE_KEY_TB_CACHE, bkTableCache);
     const root = ref();
     const refVirtualRender = ref();
     const tableOffsetRight = ref(0);
@@ -20625,13 +20677,10 @@ var Component$e = defineComponent({
           isExist,
           colPos,
           column
-        }) => {
-          console.log("fixedWrapperClass");
-          return isExist ? "" : createVNode("div", {
-            "class": resolveColumnClass(column, reactiveSchema.scrollTranslateX, tableOffsetRight.value),
-            "style": resolveColumnStyle(colPos)
-          }, null);
-        }), createVNode("div", {
+        }) => isExist ? "" : createVNode("div", {
+          "class": resolveColumnClass(column, reactiveSchema.scrollTranslateX, tableOffsetRight.value),
+          "style": resolveColumnStyle(colPos)
+        }, null)), createVNode("div", {
           "class": resizeColumnClass,
           "style": resizeColumnStyle.value
         }, null), createVNode("div", {
@@ -20648,7 +20697,7 @@ var Component$e = defineComponent({
     };
   }
 });
-const BkTable = withInstall(Component$e);
+const BkTable = withInstall(Component$f);
 withInstall(Column);
 const BkTableColumn = withInstall(Column);
 const INPUT_MIN_WIDTH = 12;
@@ -20895,7 +20944,7 @@ var TagRender = defineComponent({
     }, [this.node[this.displayKey]])]), [[resolveDirective("bk-tooltips"), this.overflowTips]]);
   }
 });
-var Component$d = defineComponent({
+var Component$e = defineComponent({
   name: "TagInput",
   directives: {
     bkTooltips: tooltips
@@ -21690,7 +21739,7 @@ var Component$d = defineComponent({
     })]);
   }
 });
-const TagInput = withInstall(Component$d);
+const TagInput = withInstall(Component$e);
 const dividerProps = {
   direction: directionType(),
   align: alignType().def(AlignEnum.CENTER),
@@ -22327,7 +22376,7 @@ const Message$1 = (constructor, options) => {
   render$1(vm, container2);
   instances[position].push(vm);
   let target;
-  if (vm.props.getContainer && isElement$2(vm.props.getContainer)) {
+  if (vm.props.getContainer && isElement$3(vm.props.getContainer)) {
     target = vm.props.getContainer;
   } else {
     target = document.body;
@@ -22380,7 +22429,7 @@ var MessageConstructor = defineComponent({
   }) {
     const classNames = computed(() => ["bk-message", `bk-message-${props2.theme}`, `${props2.extCls}`]);
     const zIndex = bkZIndexManager.getMessageNextIndex();
-    const isGetContainer = computed(() => props2.getContainer && isElement$2(props2.getContainer));
+    const isGetContainer = computed(() => props2.getContainer && isElement$3(props2.getContainer));
     const styles = computed(() => ({
       top: `${props2.offsetY}px`,
       zIndex,
@@ -22758,7 +22807,7 @@ const menuProps = {
     default: true
   }
 };
-var Component$c = defineComponent({
+var Component$d = defineComponent({
   name: "Menu",
   props: menuProps,
   emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
@@ -23005,7 +23054,7 @@ var Submenu = defineComponent({
     };
   }
 });
-const BkMenu = withInstallProps(Component$c, { Item, Submenu, Group });
+const BkMenu = withInstallProps(Component$d, { Item, Submenu, Group });
 const TitleProps = {
   sideTitle: {
     type: String,
@@ -23085,7 +23134,7 @@ const NavigationProps = {
     default: true
   }
 };
-var Component$b = defineComponent({
+var Component$c = defineComponent({
   name: "Navigation",
   props: NavigationProps,
   emits: ["leave", "toggle", "hover", "toggle-click"],
@@ -23227,7 +23276,7 @@ var Component$b = defineComponent({
     }, [(_l = (_k = this.$slots).footer) == null ? void 0 : _l.call(_k)])])])])]);
   }
 });
-const Navigation = withInstall(Component$b);
+const Navigation = withInstall(Component$c);
 const pickerDropdownProps = {
   placement: {
     type: String,
@@ -27454,7 +27503,7 @@ var DateRangePanel = defineComponent({
     }, this.$slots) : ""]), shortcuts]);
   }
 });
-var Component$a = defineComponent({
+var Component$b = defineComponent({
   name: "DatePicker",
   directives: {
     clickoutside: ClickOutside
@@ -28547,7 +28596,7 @@ var TimePicker = defineComponent({
     })]), [[resolveDirective("clickoutside"), this.handleClose]]);
   }
 });
-const BkDatePicker = withInstall(Component$a);
+const BkDatePicker = withInstall(Component$b);
 var ArrayType = /* @__PURE__ */ ((ArrayType2) => {
   ArrayType2["OBJECT_ARRAY"] = "objectArray";
   ArrayType2["BASE_ARRAY"] = "baseArray";
@@ -28611,7 +28660,7 @@ function useSelectListSearch(selectList, displayCode) {
     selectListSearch
   };
 }
-var Component$9 = defineComponent({
+var Component$a = defineComponent({
   name: "Transfer",
   props: transferProps,
   emits: ["change", "update:targetList"],
@@ -28808,7 +28857,7 @@ var Component$9 = defineComponent({
     }, [getHeaderHtml("right-header"), getListContentHtml("right")])]);
   }
 });
-const Transfer = withInstall(Component$9);
+const Transfer = withInstall(Component$a);
 var EVENTS = /* @__PURE__ */ ((EVENTS2) => {
   EVENTS2["NODE_CLICK"] = "nodeClick";
   EVENTS2["NODE_COLLAPSE"] = "nodeCollapse";
@@ -28901,10 +28950,10 @@ const treeProps = {
         PropTypes.bool
       ]).def(""),
       match: PropTypes.oneOfType([
-        j("TreeSearchMatchType", {}).def("fuzzy"),
+        E(),
         PropTypes.func
-      ]),
-      resultType: j("treeSearchResultType", {}).def("tree"),
+      ]).def("fuzzy"),
+      resultType: E().def("tree"),
       openResultNode: PropTypes.bool
     }),
     PropTypes.string,
@@ -29995,7 +30044,7 @@ var useTreeInit = (props2) => {
     onSelected
   };
 };
-var Component$8 = defineComponent({
+var Component$9 = defineComponent({
   name: "Tree",
   props: treeProps,
   emits: TreeEmitEventsType,
@@ -30107,7 +30156,7 @@ var Component$8 = defineComponent({
     });
   }
 });
-const BkTree = withInstall(Component$8);
+const BkTree = withInstall(Component$9);
 const isCustomComponent = (node) => node.__v_isVNode;
 var ComposeFormItem = defineComponent({
   name: "ComposeFormItem",
@@ -30699,7 +30748,7 @@ var Dropdown = defineComponent({
   props: {
     isShow: PropTypes.bool.def(false),
     placement: placementType(),
-    trigger: triggerType(),
+    trigger: triggerType$1(),
     disabled: PropTypes.bool.def(false),
     popoverOptions: PropTypes.object.def({}),
     extCls: PropTypes.string
@@ -31190,7 +31239,7 @@ class Store {
     nodeDataList.forEach((node) => this.appendNode(node, parentNode));
   }
 }
-var Component$7 = defineComponent({
+var Component$8 = defineComponent({
   name: "Cascader",
   directives: {
     bkTooltips: tooltips
@@ -31509,7 +31558,7 @@ var Component$7 = defineComponent({
     })])]);
   }
 });
-const BkCascader = withInstallProps(Component$7, { CascaderPanel });
+const BkCascader = withInstallProps(Component$8, { CascaderPanel });
 var SliderButton = defineComponent({
   name: "SliderButton",
   props: {
@@ -31680,7 +31729,7 @@ const off = (element, event, handler) => {
     element.removeEventListener(event, handler, false);
   }
 };
-var Component$6 = defineComponent({
+var Component$7 = defineComponent({
   name: "Slider",
   props: {
     modelValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
@@ -32126,8 +32175,8 @@ var Component$6 = defineComponent({
     return this.renderDom();
   }
 });
-const Slider = withInstall(Component$6);
-var Component$5 = defineComponent({
+const Slider = withInstall(Component$7);
+var Component$6 = defineComponent({
   name: "ResizeLayout",
   props: {
     placement: PropTypes.placement().def("left"),
@@ -32382,13 +32431,13 @@ var Component$5 = defineComponent({
     }, null)]);
   }
 });
-const BkResizeLayout = withInstall(Component$5);
+const BkResizeLayout = withInstall(Component$6);
 const timelineProps = {
   list: PropTypes.array.def([]),
   titleAble: PropTypes.bool.def(false),
   extCls: PropTypes.string
 };
-var Component$4 = defineComponent({
+var Component$5 = defineComponent({
   name: "Timeline",
   props: timelineProps,
   emits: ["select"],
@@ -32501,7 +32550,7 @@ var Component$4 = defineComponent({
     })]);
   }
 });
-const BkTimeline = withInstall(Component$4);
+const BkTimeline = withInstall(Component$5);
 const processProps = {
   list: PropTypes.array.def([]),
   controllable: PropTypes.bool.def(false),
@@ -32510,7 +32559,7 @@ const processProps = {
   displayKey: PropTypes.string.def("content"),
   extCls: PropTypes.string
 };
-var Component$3 = defineComponent({
+var Component$4 = defineComponent({
   name: "Process",
   props: processProps,
   emits: ["update:curProcess", "click"],
@@ -32610,7 +32659,7 @@ var Component$3 = defineComponent({
     }, [item[this.displayKey]]), renderIcon(index2, item)])]))])]);
   }
 });
-const BkProcess = withInstall(Component$3);
+const BkProcess = withInstall(Component$4);
 const CLASS_PREFIX = "bk-upload";
 var EThemes = /* @__PURE__ */ ((EThemes2) => {
   EThemes2["BUTTON"] = "button";
@@ -33887,7 +33936,7 @@ var useFileHandler = (props2, hooks) => {
     handleProgress
   };
 };
-var Component$2 = defineComponent({
+var Component$3 = defineComponent({
   name: "Upload",
   props: uploadProps,
   emits: ["exceed", "progress", "success", "error", "delete", "done"],
@@ -34092,7 +34141,7 @@ var Component$2 = defineComponent({
     })]);
   }
 });
-const Upload = withInstall(Component$2);
+const Upload = withInstall(Component$3);
 function Diff$1() {
 }
 Diff$1.prototype = {
@@ -38447,7 +38496,7 @@ const colorPickerProps = {
   withValidate: PropTypes.bool.def(true)
 };
 const whiteColorObj = formatColor("#FFFFFF");
-var Component$1 = defineComponent({
+var Component$2 = defineComponent({
   name: "ColorPicker",
   directives: {
     clickoutside: ClickOutside
@@ -38639,7 +38688,7 @@ var Component$1 = defineComponent({
     })]), [[resolveDirective("clickoutside"), hideDropDown]]);
   }
 });
-const BkColorPicker = withInstall(Component$1);
+const BkColorPicker = withInstall(Component$2);
 const BkTimePicker = withInstall(TimePicker);
 var raf = null;
 function requestAnimationFrame$1(callback) {
@@ -39845,7 +39894,7 @@ const SearchSelectProps = {
     }
   }
 };
-var Component = defineComponent({
+var Component$1 = defineComponent({
   name: "SearchSelect",
   directives: {
     clickoutside: ClickOutside
@@ -40100,7 +40149,86 @@ var Component = defineComponent({
     }, null), this.validateStr || ""])])]);
   }
 });
-const BkSearchSelect = withInstall(Component);
+const BkSearchSelect = withInstall(Component$1);
+function triggerType() {
+  return j("trigger", {}).def("hover");
+}
+const PopConfirmProps = {
+  trigger: triggerType(),
+  title: PropTypes.string,
+  content: PropTypes.string,
+  confirmText: PropTypes.string,
+  cancelText: PropTypes.string,
+  placement: PropTypes.oneOfType([placementType().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
+  theme: PropTypes.string.def("light "),
+  icon: PropTypes.string.def(""),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto")
+};
+var Component = defineComponent({
+  name: "PopConfirm",
+  components: {
+    BkPopover,
+    BkButton
+  },
+  props: PopConfirmProps,
+  emits: ["confirm", "cancel"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const visible = ref(false);
+    const t2 = useLocale("popConfirm");
+    function ensure(e) {
+      visible.value = false;
+      emit("confirm");
+      e.stopPropagation();
+    }
+    function cancel(e) {
+      visible.value = false;
+      emit("cancel");
+      e.stopPropagation();
+    }
+    function renderIcon() {
+      if (typeof slots.icon === "function") {
+        return slots.icon();
+      }
+      return props2.icon;
+    }
+    return () => createVNode(BkPopover, {
+      "isShow": visible.value,
+      "trigger": props2.trigger,
+      "theme": props2.theme,
+      "width": props2.width,
+      "onAfterShow": () => visible.value = true,
+      "extCls": "bk-pop-confirm-box"
+    }, {
+      default: () => slots.default(),
+      content: () => createVNode("div", {
+        "class": "bk-pop-confirm"
+      }, [typeof slots.content === "function" ? slots.content() : createVNode(Fragment, null, [props2.title ? createVNode("div", {
+        "class": "bk-pop-confirm-title"
+      }, [createVNode("span", {
+        "class": "bk-pop-confirm-icon"
+      }, [renderIcon()]), createVNode("span", null, [props2.title])]) : "", createVNode("div", {
+        "class": "bk-pop-confirm-content"
+      }, [!props2.title ? renderIcon() : "", props2.content])]), createVNode("div", {
+        "class": "bk-pop-confirm-footer"
+      }, [createVNode(BkButton, {
+        "onClick": ensure,
+        "size": "small",
+        "theme": "primary"
+      }, {
+        default: () => [t2.value.ok]
+      }), createVNode(BkButton, {
+        "onClick": cancel,
+        "size": "small"
+      }, {
+        default: () => [t2.value.cancel]
+      })])])
+    });
+  }
+});
+const BKPopConfirm = withInstall(Component);
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -40162,7 +40290,8 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   SearchSelect: BkSearchSelect,
   OverflowTitle: BkOverflowTitle,
   $bkPopover: createPopoverComponent,
-  ConfigProvider: BkConfigProvider
+  ConfigProvider: BkConfigProvider,
+  PopConfirm: BKPopConfirm
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app, options) => {
   const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -40183,4 +40312,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkConfigProvider as ConfigProvider, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, configProviderProps, BkContainer as containerProps, preset as default, defaultRootConfig, mousewheel, overflowTitle, provideGlobalConfig, rootProviderKey, useLocale };
+export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkConfigProvider as ConfigProvider, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BKPopConfirm as PopConfirm, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, configProviderProps, BkContainer as containerProps, preset as default, defaultRootConfig, mousewheel, overflowTitle, provideGlobalConfig, rootProviderKey, useLocale };