bkui-vue 1.0.3-beta.61.dialog.1 → 1.0.3-beta.62

package/lib/modal/modal.variable.css

@@ -127,74 +127,30 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-infobox {
-  font-size: 12px;
+.bk-info-wrapper .bk-modal-wrapper {
+  width: 440px;
 }
-.bk-infobox .bk-modal-wrapper {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.bk-infobox-header {
-  padding-top: 24px;
-}
-.bk-infobox-type {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.bk-infobox-icon {
-  width: 42px;
-  height: 42px;
-  font-size: 42px;
-}
-.bk-infobox-icon.success {
-  color: #2dcb56;
-}
-.bk-infobox-icon.warning {
-  color: #ff9c01;
-}
-.bk-infobox-icon.danger {
-  color: #ea3636;
-}
-.bk-infobox-icon.loading {
-  color: #3a84ff;
-}
-.bk-infobox-title {
-  padding-right: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  font-size: 20px;
-  line-height: 32px;
-  color: #313238;
-}
-.bk-infobox-content {
-  padding-right: 24px;
-  padding-left: 24px;
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   margin-top: 16px;
 }
-.bk-infobox-footer {
-  display: flex;
-  padding-right: 24px;
-  padding-bottom: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  align-content: center;
-}
-.bk-infobox-footer.is-position-right {
-  justify-content: right;
-}
-.bk-infobox-footer.is-position-center {
-  justify-content: center;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-infobox-footer.is-position-left {
-  justify-content: left;
+.bk-info-sub-title {
+  text-align: center;
+  word-break: break-all;
 }
-.bk-infobox-footer .bk-button {
-  min-width: 88px;
+.bk-modal-ctx {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  display: none;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
 }
-.bk-infobox-footer .bk-button ~ .bk-button {
-  margin-left: 8px;
+.bk-modal-ctx.is-show {
+  display: block;
 }
 .bk-modal-ctx-mask {
   position: fixed;
@@ -205,8 +161,18 @@
   background-color: rgba(0, 0, 0, 0.6);
 }
 .bk-modal-wrapper {
-  position: fixed;
+  position: absolute;
+  top: 50%;
+  left: 50%;
   border-radius: 2px;
+  transform: translate(-50%, -50%);
+}
+.bk-modal-outside {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
 }
 .bk-modal-body {
   height: 100%;
@@ -217,10 +183,8 @@
 }
 .bk-modal-content {
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
+  overflow: auto;
+  scrollbar-gutter: stable;
 }
 .bk-modal-close {
   position: absolute;
@@ -240,67 +204,3 @@
 .bk-modal-close:hover {
   background: #f0f1f5;
 }
-.modal-fadein-enter-from {
-  opacity: 0;
-}
-.modal-fadein-enter-from .bk-modal-body {
-  transform: translateY(-20px);
-}
-.modal-fadein-enter-to {
-  opacity: 1;
-}
-.modal-fadein-enter-to .bk-modal-body {
-  transform: translateY(0);
-}
-.modal-fadein-leave-from {
-  opacity: 1;
-}
-.modal-fadein-leave-from .bk-modal-body {
-  transform: translateY(0);
-}
-.modal-fadein-leave-to {
-  opacity: 0;
-}
-.modal-fadein-leave-to .bk-modal-body {
-  transform: translateY(-20px);
-}
-.modal-fadein-enter-active,
-.modal-fadein-leave-active {
-  transition: opacity 0.15s linear;
-}
-.modal-fadein-enter-active .bk-modal-body,
-.modal-fadein-leave-active .bk-modal-body {
-  transition: transform 0.08s linear;
-}
-.modal-right-enter-from {
-  transform: translateX(100%);
-}
-.modal-right-enter-to {
-  transform: translateX(0);
-}
-.modal-right-leave-from {
-  transform: translateX(0);
-}
-.modal-right-leave-to {
-  transform: translateX(100%);
-}
-.modal-right-enter-active,
-.modal-right-leave-active {
-  transition: transform 0.15s ease;
-}
-.modal-left-enter-from {
-  transform: translateX(-100%);
-}
-.modal-left-enter-to {
-  transform: translateX(0);
-}
-.modal-left-leave-from {
-  transform: translateX(0);
-}
-.modal-left-leave-to {
-  transform: translateX(-100%);
-}
-.modal-left-enter-active,
-.modal-left-leave-active {
-  transition: transform 0.15s ease;
-}

package/lib/modal/props.mixin.d.ts

@@ -4,8 +4,18 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    extCls: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
@@ -25,6 +35,17 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -34,6 +55,19 @@ export declare const propsMixin: {
         default: string | boolean | (() => HTMLElement);
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    direction: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -43,10 +77,27 @@ export declare const propsMixin: {
         default: "show" | "if";
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 };

package/lib/navigation/index.js

@@ -40,7 +40,7 @@ const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MOD
 ;// 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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -77,6 +77,7 @@ const icon_namespaceObject = icon_x({ ["CollapseLeft"]: () => __WEBPACK_EXTERNAL
  * IN THE SOFTWARE.
  */
 
+
 var TitleProps = {
   sideTitle: {
     type: String,
@@ -87,7 +88,7 @@ var TitleProps = {
     "default": 'left-right'
   }
 };
-/* harmony default export */ const navigation_title = (defineComponent({
+/* harmony default export */ const navigation_title = ((0,external_vue_namespaceObject.defineComponent)({
   props: TitleProps,
   // slots: ['side-icon'],
   slots: Object,
@@ -142,6 +143,7 @@ var TitleProps = {
 
 
 
+
 var NavigationProps = {
   navWidth: {
     type: [Number, String],
@@ -188,7 +190,7 @@ var NavigationProps = {
     "default": true
   }
 };
-/* harmony default export */ const navigation = (defineComponent({
+/* harmony default export */ const navigation = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Navigation',
   props: NavigationProps,
   emits: ['leave', 'toggle', 'hover', 'toggle-click'],
@@ -196,8 +198,8 @@ var NavigationProps = {
   slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultHeaderTitle = ref(props.headerTitle);
-    var nav = reactive({
+    var defaultHeaderTitle = (0,external_vue_namespaceObject.ref)(props.headerTitle);
+    var nav = (0,external_vue_namespaceObject.reactive)({
       click: false,
       hover: false,
       delay: false,
@@ -209,7 +211,7 @@ var NavigationProps = {
       nav.hover = nav.click;
       emit('toggle', nav.hover);
     }
-    onBeforeUnmount(function () {
+    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
       nav.timer && window.clearTimeout(nav.timer);
     });
     var handleMouseOver = function handleMouseOver() {
@@ -245,7 +247,7 @@ var NavigationProps = {
     return {
       defaultHeaderTitle: defaultHeaderTitle,
       nav: nav,
-      onBeforeUnmount: onBeforeUnmount,
+      onBeforeUnmount: external_vue_namespaceObject.onBeforeUnmount,
       handleMouseOver: handleMouseOver,
       handleMouseLeave: handleMouseLeave,
       handleClick: handleClick,

package/lib/notify/index.js

@@ -61,7 +61,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 

package/lib/overflow-title/index.js

@@ -45,7 +45,7 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
 ;// 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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef });
 ;// CONCATENATED MODULE: external "../popover"
 var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_y = x => () => x
@@ -131,23 +131,24 @@ function getActualWidthByDom(text, options) {
 
 
 
-/* harmony default export */ const overflow_title = (defineComponent({
+
+/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'OverflowTitle',
   props: props,
   setup: function setup(props, _ref) {
     var slots = _ref.slots;
-    var boxRef = ref(null);
-    var textRef = ref(null);
-    var isShowTips = ref(false);
-    var textProps = shallowRef();
-    var contentText = computed(function () {
+    var boxRef = (0,external_vue_namespaceObject.ref)(null);
+    var textRef = (0,external_vue_namespaceObject.ref)(null);
+    var isShowTips = (0,external_vue_namespaceObject.ref)(false);
+    var textProps = (0,external_vue_namespaceObject.shallowRef)();
+    var contentText = (0,external_vue_namespaceObject.computed)(function () {
       var _slots$default;
       if (props.content) {
         return props.content;
       }
       return slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     });
-    onMounted(function () {
+    (0,external_vue_namespaceObject.onMounted)(function () {
       var clientWidth = boxRef.value.clientWidth;
       var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
         isShowTips.value = false;
@@ -179,7 +180,7 @@ function getActualWidthByDom(text, options) {
       if (props.resizeable) {
         var observer = new ResizeObserver(resizeHandler);
         observer.observe(boxRef.value);
-        onBeforeUnmount(function () {
+        (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
           boxRef.value && (observer === null || observer === void 0 ? void 0 : observer.unobserve(boxRef.value));
           observer === null || observer === void 0 || observer.disconnect();
         });

package/lib/pagination/index.js

@@ -69,7 +69,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 

package/lib/plugin-popover/index.js

@@ -60,7 +60,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
@@ -81,7 +81,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -244,7 +244,8 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const src_arrow = (defineComponent({
+
+/* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopArrow',
   render: function render() {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
@@ -331,7 +332,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
  */
 
 
-/* harmony default export */ const content = (defineComponent({
+
+/* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopContent',
   props: {
     width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
@@ -349,7 +351,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       }
       return val;
     };
-    var style = computed(function () {
+    var style = (0,external_vue_namespaceObject.computed)(function () {
       return {
         width: resolveValToPix(props.width),
         height: resolveValToPix(props.height),
@@ -357,8 +359,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
         maxWidth: resolveValToPix(props.maxWidth)
       };
     });
-    var refContent = ref(null);
-    var refTimer = ref(null);
+    var refContent = (0,external_vue_namespaceObject.ref)(null);
+    var refTimer = (0,external_vue_namespaceObject.ref)(null);
     var resetPointerEvent = function resetPointerEvent() {
       var _props$eventDelay;
       if (props.eventDelay === 0) {
@@ -378,7 +380,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var contentClassName = computed(function () {
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
       return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
     });
     return {
@@ -401,8 +403,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots3;
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
-      if (Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
-        nextTick(function () {
+      if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
           _this.setContentPointerEvent('none');
           _this.resetPointerEvent();
         });
@@ -577,7 +579,8 @@ var PopoverProps = {
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const root = (defineComponent({
+
+/* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
   props: {
     "class": shared_namespaceObject.PropTypes.string.def(''),
     mode: shared_namespaceObject.PropTypes.string.def('')
@@ -3557,10 +3560,11 @@ var parentNodeReferId = null;
 
 
 
+
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
-/* harmony default export */ const popover = (defineComponent({
+/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Popover',
   components: {
     // eslint-disable-next-line vue/no-reserved-component-names
@@ -3574,13 +3578,13 @@ function _isSlot(s) {
   props: PopoverProps,
   emits: EMIT_EVENT_TYPES,
   setup: function setup(props, ctx) {
-    var _toRefs = toRefs(props),
+    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       reference = _toRefs.reference;
-    var refDefaultReference = ref();
-    var refContent = ref();
-    var refArrow = ref();
-    var refRoot = ref();
-    var refReference = computed(function () {
+    var refDefaultReference = (0,external_vue_namespaceObject.ref)();
+    var refContent = (0,external_vue_namespaceObject.ref)();
+    var refArrow = (0,external_vue_namespaceObject.ref)();
+    var refRoot = (0,external_vue_namespaceObject.ref)();
+    var refReference = (0,external_vue_namespaceObject.computed)(function () {
       return reference.value || refDefaultReference.value;
     });
     var _usePopoverInit = use_popover_init(props, ctx, {
@@ -3605,7 +3609,7 @@ function _isSlot(s) {
       localIsShow = _usePopoverInit.localIsShow,
       boundary = _usePopoverInit.boundary;
     if (!props.always && !props.disabled) {
-      watch(function () {
+      (0,external_vue_namespaceObject.watch)(function () {
         return props.isShow;
       }, function () {
         props.isShow ? showPopover() : hidePopover();
@@ -3613,7 +3617,7 @@ function _isSlot(s) {
         immediate: true
       });
     }
-    watch(function () {
+    (0,external_vue_namespaceObject.watch)(function () {
       return [props.disabled];
     }, function (val) {
       if (val[0]) {
@@ -3623,9 +3627,9 @@ function _isSlot(s) {
       }
     });
     updateBoundary();
-    onMounted(onMountedFn);
-    onBeforeUnmount(onUnmountedFn);
-    var transBoundary = computed(function () {
+    (0,external_vue_namespaceObject.onMounted)(onMountedFn);
+    (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
+    var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
       return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
@@ -3634,7 +3638,7 @@ function _isSlot(s) {
     var hide = function hide() {
       hideFn();
     };
-    var contentIsShow = computed(function () {
+    var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
       if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
         return true;
       }
@@ -3679,7 +3683,7 @@ function _isSlot(s) {
       _this$$slots3;
     var renderReferSlot = function renderReferSlot(slot) {
       var _slot$;
-      if (Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+      if (external_vue_namespaceObject.Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
         return (0,external_vue_namespaceObject.createVNode)("span", null, [slot]);
       }
       return slot;
@@ -3694,7 +3698,7 @@ function _isSlot(s) {
           "default": function _default() {
             return [_slot];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(Teleport, {
+        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
           "to": _this.boundary,
           "disabled": !_this.transBoundary
         }, {

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 });
+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 });
 ;// CONCATENATED MODULE: external "../button"
 var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var button_y = x => () => x
@@ -173,14 +173,15 @@ var PopConfirmProps = {
 
 
 
-/* harmony default export */ const pop_confirm = (defineComponent({
+
+/* harmony default export */ const pop_confirm = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopConfirm',
   props: props,
   emits: ['confirm', 'cancel'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit,
       slots = _ref.slots;
-    var visible = ref(false);
+    var visible = (0,external_vue_namespaceObject.ref)(false);
     var t = (0,config_provider_namespaceObject.useLocale)('popConfirm');
     function ensure(e) {
       visible.value = false;
@@ -201,7 +202,7 @@ var PopConfirmProps = {
     var icon = renderIcon();
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var popoverRef = ref(null);
+    var popoverRef = (0,external_vue_namespaceObject.ref)(null);
     return {
       popoverRef: popoverRef,
       visible: visible,