bkui-vue 0.0.1-beta.418 → 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,
@@ -7974,13 +7975,7 @@ var PlacementEnum = /* @__PURE__ */ ((PlacementEnum2) => {
 function placementType() {
   return E().def("bottom");
 }
-var TriggerEnum = /* @__PURE__ */ ((TriggerEnum2) => {
-  TriggerEnum2["HOVER"] = "hover";
-  TriggerEnum2["CLICK"] = "click";
-  TriggerEnum2["MANUAL"] = "manual";
-  return TriggerEnum2;
-})(TriggerEnum || {});
-function triggerType() {
+function triggerType$1() {
   return E().def("hover");
 }
 var RenderType = /* @__PURE__ */ ((RenderType2) => {
@@ -8199,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",
@@ -8308,7 +8307,7 @@ const provideGlobalConfig = (config) => {
   });
   provide(rootProviderKey, configData);
 };
-var Component$F = defineComponent({
+var Component$G = defineComponent({
   name: "ConfigProvider",
   inheritAttrs: false,
   props: configProviderProps,
@@ -8322,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
@@ -8858,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),
@@ -8915,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),
@@ -8964,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) => {
@@ -8993,7 +8992,7 @@ const off$1 = (() => {
     }
   };
 })();
-var Component$C = defineComponent({
+var Component$D = defineComponent({
   name: "Affix",
   props: {
     offsetTop: PropTypes.number.def(0),
@@ -9118,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),
@@ -9184,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"),
@@ -9261,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,
@@ -9376,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";
@@ -9415,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) {
@@ -9471,7 +9470,7 @@ var Component$y = defineComponent({
     };
   }
 });
-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(),
@@ -9497,7 +9496,7 @@ const buttonProps = {
     default: "button"
   }
 };
-var Component$x = defineComponent({
+var Component$y = defineComponent({
   name: "Button",
   props: buttonProps,
   emits: ["click", "mouseover"],
@@ -9587,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, {
@@ -9724,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,
@@ -9945,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,
@@ -10044,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);
@@ -10154,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"],
@@ -10275,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"),
@@ -10528,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"],
@@ -10643,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(""),
@@ -11022,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([]),
@@ -11063,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";
@@ -11072,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),
@@ -11110,7 +11109,7 @@ var Component$r = defineComponent({
     }, [createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
   }
 });
-const BkLink = withInstall(Component$r);
+const BkLink = withInstall(Component$s);
 const isElement$2 = (e) => {
   if (typeof Element === "undefined")
     return false;
@@ -11214,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) => {
@@ -11234,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",
@@ -11257,7 +11257,7 @@ const PopoverProps = __spreadValues({
   allowHtml: PropTypes.bool.def(false),
   placement: placementType().def(PlacementEnum.TOP),
   theme: PropTypes.string.def("dark"),
-  trigger: triggerType(),
+  trigger: triggerType$1(),
   renderType: renderType(),
   arrow: PropTypes.bool.def(true),
   padding: PropTypes.number.def(5),
@@ -11271,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",
@@ -12892,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();
@@ -13133,7 +13137,7 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     localIsShow
   };
 };
-var Component$q = defineComponent({
+var Component$r = defineComponent({
   name: "Popover",
   components: {
     Content,
@@ -13268,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
@@ -13384,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
@@ -13446,7 +13451,7 @@ function createPopoverComponent(options) {
     }
   };
 }
-const BkPopover = withInstall(Component$q);
+const BkPopover = withInstall(Component$r);
 var popover = defineComponent({
   name: "Popover2",
   setup() {
@@ -13576,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,
@@ -13654,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);
@@ -13748,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"],
@@ -13930,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: {
@@ -13992,7 +13997,7 @@ var star = defineComponent({
     }, null)])])])])]))]);
   }
 });
-var Component$n = defineComponent({
+var Component$o = defineComponent({
   name: "Rate",
   components: {
     star
@@ -14072,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),
@@ -14232,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() {
@@ -15262,7 +15267,7 @@ var virtualRender = {
     }
   }
 };
-var Component$l = defineComponent({
+var Component$m = defineComponent({
   name: "VirtualRender",
   directives: {
     bkVirtualRender: virtualRender
@@ -15434,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(),
@@ -15503,7 +15508,7 @@ var Component$k = defineComponent({
     }, null) : ""]);
   }
 });
-const BkTag = withInstall(Component$k);
+const BkTag = withInstall(Component$l);
 var SelectTagInput = defineComponent({
   name: "SelectTagInput",
   props: {
@@ -15641,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
@@ -15822,10 +15827,10 @@ var Component$j = defineComponent({
     const isCollapseTags = computed(() => autoHeight.value ? collapseTags.value && !isPopoverShow.value : collapseTags.value);
     const popoverConfig = computed(() => lodash.exports.merge({
       theme: "light bk-select-popover",
-      trigger: TriggerEnum.MANUAL,
+      trigger: "manual",
       width: popperWidth.value,
       arrow: false,
-      placement: PlacementEnum.BOTTOM_START,
+      placement: "bottom-start",
       isShow: isPopoverShow.value,
       reference: selectTagInputRef.value,
       offset: 6,
@@ -16356,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);
 }
@@ -16366,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,
@@ -16457,7 +16462,7 @@ var Component$i = defineComponent({
     };
   }
 });
-const BkSideslider = withInstall(Component$i);
+const BkSideslider = withInstall(Component$j);
 var StatusEnum;
 (function(StatusEnum2) {
   StatusEnum2["UNKNOWN"] = "";
@@ -16477,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"],
@@ -16636,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(),
@@ -16739,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";
@@ -17577,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"],
@@ -17648,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;
@@ -20333,7 +20338,7 @@ const useInit = (props2, targetColumns) => {
     clearSort
   };
 };
-var Component$e = defineComponent({
+var Component$f = defineComponent({
   name: "Table",
   props: tableProps,
   emits: EMIT_EVENT_TYPES,
@@ -20692,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;
@@ -20939,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
@@ -21734,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),
@@ -22802,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"],
@@ -23049,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,
@@ -23129,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"],
@@ -23271,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,
@@ -27498,7 +27503,7 @@ var DateRangePanel = defineComponent({
     }, this.$slots) : ""]), shortcuts]);
   }
 });
-var Component$a = defineComponent({
+var Component$b = defineComponent({
   name: "DatePicker",
   directives: {
     clickoutside: ClickOutside
@@ -28591,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";
@@ -28655,7 +28660,7 @@ function useSelectListSearch(selectList, displayCode) {
     selectListSearch
   };
 }
-var Component$9 = defineComponent({
+var Component$a = defineComponent({
   name: "Transfer",
   props: transferProps,
   emits: ["change", "update:targetList"],
@@ -28852,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";
@@ -30039,7 +30044,7 @@ var useTreeInit = (props2) => {
     onSelected
   };
 };
-var Component$8 = defineComponent({
+var Component$9 = defineComponent({
   name: "Tree",
   props: treeProps,
   emits: TreeEmitEventsType,
@@ -30151,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",
@@ -30743,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
@@ -31234,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
@@ -31553,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: {
@@ -31724,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]),
@@ -32170,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"),
@@ -32426,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"],
@@ -32545,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),
@@ -32554,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"],
@@ -32654,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";
@@ -33931,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"],
@@ -34136,7 +34141,7 @@ var Component$2 = defineComponent({
     })]);
   }
 });
-const Upload = withInstall(Component$2);
+const Upload = withInstall(Component$3);
 function Diff$1() {
 }
 Diff$1.prototype = {
@@ -38491,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
@@ -38683,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) {
@@ -39889,7 +39894,7 @@ const SearchSelectProps = {
     }
   }
 };
-var Component = defineComponent({
+var Component$1 = defineComponent({
   name: "SearchSelect",
   directives: {
     clickoutside: ClickOutside
@@ -40144,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,
@@ -40206,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;
@@ -40227,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 };