bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/pop-confirm/index.d.ts

@@ -1,121 +1,158 @@
 declare const BKPopConfirm: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        trigger: import("vue-types").VueTypeDef<"click" | "hover"> & {
-            default: "click" | "hover";
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            title?: string;
+            width?: string | number;
+            content?: string;
+            placement?: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+            theme?: string;
+            trigger?: "click" | "hover";
+            confirmText?: string;
+            cancelText?: string;
+            class?: unknown;
+            style?: unknown;
+            ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onConfirm?: (...args: any[]) => any;
+            onCancel?: (...args: any[]) => any;
+            readonly confirmConfig?: import("../button/button").ButtonPropTypes;
+            readonly cancelConfig?: import("../button/button").ButtonPropTypes;
         };
-        title: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
+        $attrs: {
+            [x: string]: unknown;
         };
-        content: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
+        $refs: {
+            [x: string]: unknown;
         };
-        confirmText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        cancelText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-        };
-        theme: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-    }>> & {
-        onConfirm?: (...args: any[]) => any;
-        onCancel?: (...args: any[]) => any;
-    }, {
-        popoverRef: import("vue").Ref<any>;
-        visible: import("vue").Ref<boolean>;
-        t: import("vue").ComputedRef<{
-            ok: string;
-            cancel: string;
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
         }>;
-        icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
-        resolveClassName: (cls: string) => string;
-        ensure: (e: Event) => void;
-        cancel: (e: Event) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        trigger: import("vue-types").VueTypeDef<"click" | "hover"> & {
-            default: "click" | "hover";
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "cancel" | "confirm", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            trigger: import("vue-types").VueTypeDef<"click" | "hover"> & {
+                default: "click" | "hover";
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            content: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            confirmText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            cancelText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            confirmConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+            cancelConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+        }>> & {
+            onConfirm?: (...args: any[]) => any;
+            onCancel?: (...args: any[]) => any;
+        }, {
+            popoverRef: any;
+            visible: import("vue").Ref<boolean>;
+            t: import("vue").ComputedRef<{
+                ok: string;
+                cancel: string;
+            }>;
+            resolveClassName: (cls: string) => string;
+            ensure: (e: Event) => void;
+            cancel: (e: Event) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], string, {
+            title: string;
+            width: string | number;
+            content: string;
+            placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+            theme: string;
+            trigger: "click" | "hover";
+            confirmText: string;
+            cancelText: string;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
         };
-        title: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        content: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        confirmText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        cancelText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-        };
-        theme: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-    }>> & {
-        onConfirm?: (...args: any[]) => any;
-        onCancel?: (...args: any[]) => any;
-    }, {
-        title: string;
-        width: string | number;
-        content: string;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-        theme: string;
-        trigger: "click" | "hover";
-        icon: string;
-        confirmText: string;
-        cancelText: string;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         trigger: import("vue-types").VueTypeDef<"click" | "hover"> & {
             default: "click" | "hover";
         };
@@ -139,49 +176,33 @@ declare const BKPopConfirm: {
         } & {
             default: string;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        confirmConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+        cancelConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
     }>> & {
         onConfirm?: (...args: any[]) => any;
         onCancel?: (...args: any[]) => any;
-    }, {
-        popoverRef: import("vue").Ref<any>;
+    } & import("vue").ShallowUnwrapRef<{
+        popoverRef: any;
         visible: import("vue").Ref<boolean>;
         t: import("vue").ComputedRef<{
             ok: string;
             cancel: string;
         }>;
-        icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
         resolveClassName: (cls: string) => string;
         ensure: (e: Event) => void;
         cancel: (e: Event) => void;
-    }, {}, {}, {}, {
-        title: string;
-        width: string | number;
-        content: string;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-        theme: string;
-        trigger: "click" | "hover";
-        icon: string;
-        confirmText: string;
-        cancelText: string;
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -209,35 +230,29 @@ declare const BKPopConfirm: {
     } & {
         default: string;
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    confirmConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+    cancelConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onCancel?: (...args: any[]) => any;
 }, {
-    popoverRef: import("vue").Ref<any>;
+    popoverRef: any;
     visible: import("vue").Ref<boolean>;
     t: import("vue").ComputedRef<{
         ok: string;
         cancel: string;
     }>;
-    icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
     resolveClassName: (cls: string) => string;
     ensure: (e: Event) => void;
     cancel: (e: Event) => void;
@@ -245,10 +260,9 @@ declare const BKPopConfirm: {
     title: string;
     width: string | number;
     content: string;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;
     trigger: "click" | "hover";
-    icon: string;
     confirmText: string;
     cancelText: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/pop-confirm/index.js

@@ -44,7 +44,7 @@ const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_M
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
 ;// CONCATENATED MODULE: external "../button"
 var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var button_y = x => () => x
@@ -99,8 +99,8 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: ()
 
 var TriggerEnum;
 (function (TriggerEnum) {
-  TriggerEnum["HOVER"] = "hover";
   TriggerEnum["CLICK"] = "click";
+  TriggerEnum["HOVER"] = "hover";
 })(TriggerEnum || (TriggerEnum = {}));
 function triggerType() {
   return (0,external_vue_types_namespaceObject.toType)('trigger', {}).def(TriggerEnum.HOVER);
@@ -123,8 +123,7 @@ var PopConfirmEvent = {
 var PopConfirmProps = {
   /**
    * 触发方式
-   * 支持 click hover manual
-   * manual： 通过isShow控制显示、隐藏
+   * 支持 click hover
    */
   trigger: triggerType(),
   title: shared_namespaceObject.PropTypes.string.def(''),
@@ -132,12 +131,18 @@ var PopConfirmProps = {
   confirmText: shared_namespaceObject.PropTypes.string.def(''),
   cancelText: shared_namespaceObject.PropTypes.string.def(''),
   placement: (0,shared_namespaceObject.placementType)().def(shared_namespaceObject.PlacementEnum.TOP_START),
-  theme: shared_namespaceObject.PropTypes.string.def('light '),
+  theme: shared_namespaceObject.PropTypes.string.def('light'),
   /**
    * 自定义icon：根据确认框中提示文字的语境来选择 icon的样式，当确认操作存在风险时，可选择带警示的icon来引起用户的注意。
    */
-  icon: shared_namespaceObject.PropTypes.string.def(''),
-  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto')
+  // icon: PropTypes.string.def(''),
+  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
+  confirmConfig: (0,external_vue_types_namespaceObject.toType)('ButtonPropTypes', {
+    "default": {}
+  }),
+  cancelConfig: (0,external_vue_types_namespaceObject.toType)('ButtonPropTypes', {
+    "default": {}
+  })
 };
 /* harmony default export */ const props = (PopConfirmProps);
 ;// CONCATENATED MODULE: ../../packages/pop-confirm/src/pop-confirm.tsx
@@ -173,15 +178,13 @@ var PopConfirmProps = {
 
 
 
-
-/* harmony default export */ const pop_confirm = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const pop_confirm = (defineComponent({
   name: 'PopConfirm',
   props: props,
   emits: ['confirm', 'cancel'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-      slots = _ref.slots;
-    var visible = (0,external_vue_namespaceObject.ref)(false);
+  setup: function setup(_props, _ref) {
+    var emit = _ref.emit;
+    var visible = ref(false);
     var t = (0,config_provider_namespaceObject.useLocale)('popConfirm');
     function ensure(e) {
       visible.value = false;
@@ -193,21 +196,21 @@ var PopConfirmProps = {
       emit('cancel');
       e.stopPropagation();
     }
-    function renderIcon() {
-      if (typeof slots.icon === 'function') {
-        return slots.icon();
-      }
-      return props.icon;
-    }
-    var icon = renderIcon();
+    // function renderIcon() {
+    //   if (typeof slots.icon === 'function') {
+    //     return slots.icon();
+    //   }
+    //   return props.icon;
+    // }
+    // const icon = renderIcon();
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var popoverRef = (0,external_vue_namespaceObject.ref)(null);
+    var popoverRef = ref(null);
     return {
       popoverRef: popoverRef,
       visible: visible,
       t: t,
-      icon: icon,
+      // icon,
       resolveClassName: resolveClassName,
       ensure: ensure,
       cancel: cancel
@@ -218,21 +221,21 @@ var PopConfirmProps = {
     var titleRender = function titleRender() {
       return _this.title ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('pop-confirm-title'))
-      }, [_this.icon ? (0,external_vue_namespaceObject.createVNode)("span", {
+      }, [typeof _this.$slots.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "".concat(_this.resolveClassName('pop-confirm-icon'))
-      }, [_this.icon]) : '', (0,external_vue_namespaceObject.createVNode)("span", null, [_this.title])]) : '';
+      }, [_this.$slots.icon()]) : null, (0,external_vue_namespaceObject.createVNode)("span", null, [_this.title])]) : '';
     };
     return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
       "ref": "popoverRef",
+      "width": this.width,
+      "extCls": "".concat(this.resolveClassName('pop-confirm-box')),
       "isShow": this.visible,
-      "trigger": this.trigger,
       "placement": this.placement,
       "theme": this.theme,
-      "width": this.width,
+      "trigger": this.trigger,
       "onAfterShow": function onAfterShow() {
         return _this.visible = true;
-      },
-      "extCls": "".concat(this.resolveClassName('pop-confirm-box'))
+      }
     }, {
       "default": function _default() {
         return _this.$slots["default"]();
@@ -242,20 +245,22 @@ var PopConfirmProps = {
           "class": "".concat(_this.resolveClassName('pop-confirm'))
         }, [typeof _this.$slots.content === 'function' ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [titleRender(), _this.$slots.content()]) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [titleRender(), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('pop-confirm-content'))
-        }, [!_this.title ? _this.icon : '', _this.content])]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [_this.content])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('pop-confirm-footer'))
-        }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "onClick": _this.ensure,
+        }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
           "size": "small",
           "theme": "primary"
-        }, {
+        }, _this.confirmConfig, {
+          "onClick": _this.ensure
+        }), {
           "default": function _default() {
             return [_this.confirmText || _this.t.ok];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "onClick": _this.cancel,
+        }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
           "size": "small"
-        }, {
+        }, _this.cancelConfig, {
+          "onClick": _this.cancel
+        }), {
           "default": function _default() {
             return [_this.cancelText || _this.t.cancel];
           }

package/lib/pop-confirm/pop-confirm.css

@@ -7,8 +7,10 @@
   padding-bottom: 16px;
 }
 .bk-pop-confirm-icon {
-  color: #FF5656;
+  color: #ff5656;
   margin-right: 4px;
+  vertical-align: middle;
+  line-height: 1;
 }
 .bk-pop-confirm-content {
   font-size: 12px;

package/lib/pop-confirm/pop-confirm.d.ts

@@ -22,32 +22,26 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    confirmConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+    cancelConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
 }, {
-    popoverRef: import("vue").Ref<any>;
+    popoverRef: any;
     visible: import("vue").Ref<boolean>;
     t: import("vue").ComputedRef<{
         ok: string;
         cancel: string;
     }>;
-    icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
     resolveClassName: (cls: string) => string;
     ensure: (e: Event) => void;
     cancel: (e: Event) => void;
@@ -75,22 +69,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    confirmConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
+    cancelConfig: import("vue-types").VueTypeDef<import("../button/button").ButtonPropTypes>;
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onCancel?: (...args: any[]) => any;
@@ -98,10 +89,9 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     width: string | number;
     content: string;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;
     trigger: "click" | "hover";
-    icon: string;
     confirmText: string;
     cancelText: string;
 }, {}>;