bkui-vue 1.0.3-beta.59 → 1.0.3-beta.60.dialog.1

package/lib/modal/modal.variable.css

@@ -127,30 +127,74 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-info-wrapper .bk-modal-wrapper {
-  width: 440px;
+.bk-infobox {
+  font-size: 12px;
 }
-.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+.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;
   margin-top: 16px;
 }
-.bk-info-wrapper .bk-dialog-footer button {
-  min-width: 88px;
+.bk-infobox-footer {
+  display: flex;
+  padding-right: 24px;
+  padding-bottom: 24px;
+  padding-left: 24px;
+  margin-top: 24px;
+  align-content: center;
 }
-.bk-info-sub-title {
-  text-align: center;
-  word-break: break-all;
+.bk-infobox-footer.is-position-right {
+  justify-content: right;
 }
-.bk-modal-ctx {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  display: none;
-  width: 100%;
-  height: 100%;
-  pointer-events: auto;
+.bk-infobox-footer.is-position-center {
+  justify-content: center;
 }
-.bk-modal-ctx.is-show {
-  display: block;
+.bk-infobox-footer.is-position-left {
+  justify-content: left;
+}
+.bk-infobox-footer .bk-button {
+  min-width: 88px;
+}
+.bk-infobox-footer .bk-button ~ .bk-button {
+  margin-left: 8px;
 }
 .bk-modal-ctx-mask {
   position: fixed;
@@ -161,18 +205,8 @@
   background-color: rgba(0, 0, 0, 0.6);
 }
 .bk-modal-wrapper {
-  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;
+  border-radius: 2px;
 }
 .bk-modal-body {
   height: 100%;
@@ -183,8 +217,10 @@
 }
 .bk-modal-content {
   max-height: 100vh;
-  overflow: auto;
-  scrollbar-gutter: stable;
+  font-size: 0;
+}
+.bk-modal-content div {
+  font-size: 12px;
 }
 .bk-modal-close {
   position: absolute;
@@ -204,3 +240,67 @@
 .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,18 +4,8 @@ export declare const propsMixin: {
     } & {
         default: 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> & {
+    width: import("vue-types").VueTypeDef<string | number>;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
@@ -35,17 +25,6 @@ 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;
     } & {
@@ -55,19 +34,6 @@ 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;
     } & {
@@ -77,27 +43,10 @@ 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, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode });
 ;// 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,7 +77,6 @@ const icon_namespaceObject = icon_x({ ["CollapseLeft"]: () => __WEBPACK_EXTERNAL
  * IN THE SOFTWARE.
  */
 
-
 var TitleProps = {
   sideTitle: {
     type: String,
@@ -88,7 +87,7 @@ var TitleProps = {
     "default": 'left-right'
   }
 };
-/* harmony default export */ const navigation_title = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const navigation_title = (defineComponent({
   props: TitleProps,
   // slots: ['side-icon'],
   slots: Object,
@@ -143,7 +142,6 @@ var TitleProps = {
 
 
 
-
 var NavigationProps = {
   navWidth: {
     type: [Number, String],
@@ -190,7 +188,7 @@ var NavigationProps = {
     "default": true
   }
 };
-/* harmony default export */ const navigation = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const navigation = (defineComponent({
   name: 'Navigation',
   props: NavigationProps,
   emits: ['leave', 'toggle', 'hover', 'toggle-click'],
@@ -198,8 +196,8 @@ var NavigationProps = {
   slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultHeaderTitle = (0,external_vue_namespaceObject.ref)(props.headerTitle);
-    var nav = (0,external_vue_namespaceObject.reactive)({
+    var defaultHeaderTitle = ref(props.headerTitle);
+    var nav = reactive({
       click: false,
       hover: false,
       delay: false,
@@ -211,7 +209,7 @@ var NavigationProps = {
       nav.hover = nav.click;
       emit('toggle', nav.hover);
     }
-    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+    onBeforeUnmount(function () {
       nav.timer && window.clearTimeout(nav.timer);
     });
     var handleMouseOver = function handleMouseOver() {
@@ -247,7 +245,7 @@ var NavigationProps = {
     return {
       defaultHeaderTitle: defaultHeaderTitle,
       nav: nav,
-      onBeforeUnmount: external_vue_namespaceObject.onBeforeUnmount,
+      onBeforeUnmount: 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 : String(i);
+  return "symbol" == _typeof(i) ? i : 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({ ["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 });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
 ;// CONCATENATED MODULE: external "../popover"
 var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_y = x => () => x
@@ -131,24 +131,23 @@ function getActualWidthByDom(text, options) {
 
 
 
-
-/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const overflow_title = (defineComponent({
   name: 'OverflowTitle',
   props: props,
   setup: function setup(props, _ref) {
     var slots = _ref.slots;
-    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 boxRef = ref(null);
+    var textRef = ref(null);
+    var isShowTips = ref(false);
+    var textProps = shallowRef();
+    var contentText = 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);
     });
-    (0,external_vue_namespaceObject.onMounted)(function () {
+    onMounted(function () {
       var clientWidth = boxRef.value.clientWidth;
       var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
         isShowTips.value = false;
@@ -180,7 +179,7 @@ function getActualWidthByDom(text, options) {
       if (props.resizeable) {
         var observer = new ResizeObserver(resizeHandler);
         observer.observe(boxRef.value);
-        (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+        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 : String(i);
+  return "symbol" == _typeof(i) ? i : 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 : String(i);
+  return "symbol" == _typeof(i) ? i : 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, ["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 });
+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 });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -244,8 +244,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-
-/* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const src_arrow = (defineComponent({
   name: 'PopArrow',
   render: function render() {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
@@ -332,8 +331,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
  */
 
 
-
-/* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const content = (defineComponent({
   name: 'PopContent',
   props: {
     width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
@@ -351,7 +349,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       }
       return val;
     };
-    var style = (0,external_vue_namespaceObject.computed)(function () {
+    var style = computed(function () {
       return {
         width: resolveValToPix(props.width),
         height: resolveValToPix(props.height),
@@ -359,8 +357,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
         maxWidth: resolveValToPix(props.maxWidth)
       };
     });
-    var refContent = (0,external_vue_namespaceObject.ref)(null);
-    var refTimer = (0,external_vue_namespaceObject.ref)(null);
+    var refContent = ref(null);
+    var refTimer = ref(null);
     var resetPointerEvent = function resetPointerEvent() {
       var _props$eventDelay;
       if (props.eventDelay === 0) {
@@ -380,7 +378,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+    var contentClassName = computed(function () {
       return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
     });
     return {
@@ -403,8 +401,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots3;
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
-      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 () {
+      if (Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+        nextTick(function () {
           _this.setContentPointerEvent('none');
           _this.resetPointerEvent();
         });
@@ -579,8 +577,7 @@ var PopoverProps = {
  * IN THE SOFTWARE.
  */
 
-
-/* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const root = (defineComponent({
   props: {
     "class": shared_namespaceObject.PropTypes.string.def(''),
     mode: shared_namespaceObject.PropTypes.string.def('')
@@ -3560,11 +3557,10 @@ 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 = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const popover = (defineComponent({
   name: 'Popover',
   components: {
     // eslint-disable-next-line vue/no-reserved-component-names
@@ -3578,13 +3574,13 @@ function _isSlot(s) {
   props: PopoverProps,
   emits: EMIT_EVENT_TYPES,
   setup: function setup(props, ctx) {
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+    var _toRefs = toRefs(props),
       reference = _toRefs.reference;
-    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 () {
+    var refDefaultReference = ref();
+    var refContent = ref();
+    var refArrow = ref();
+    var refRoot = ref();
+    var refReference = computed(function () {
       return reference.value || refDefaultReference.value;
     });
     var _usePopoverInit = use_popover_init(props, ctx, {
@@ -3609,7 +3605,7 @@ function _isSlot(s) {
       localIsShow = _usePopoverInit.localIsShow,
       boundary = _usePopoverInit.boundary;
     if (!props.always && !props.disabled) {
-      (0,external_vue_namespaceObject.watch)(function () {
+      watch(function () {
         return props.isShow;
       }, function () {
         props.isShow ? showPopover() : hidePopover();
@@ -3617,7 +3613,7 @@ function _isSlot(s) {
         immediate: true
       });
     }
-    (0,external_vue_namespaceObject.watch)(function () {
+    watch(function () {
       return [props.disabled];
     }, function (val) {
       if (val[0]) {
@@ -3627,9 +3623,9 @@ function _isSlot(s) {
       }
     });
     updateBoundary();
-    (0,external_vue_namespaceObject.onMounted)(onMountedFn);
-    (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
-    var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
+    onMounted(onMountedFn);
+    onBeforeUnmount(onUnmountedFn);
+    var transBoundary = computed(function () {
       return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
@@ -3638,7 +3634,7 @@ function _isSlot(s) {
     var hide = function hide() {
       hideFn();
     };
-    var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
+    var contentIsShow = computed(function () {
       if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
         return true;
       }
@@ -3683,7 +3679,7 @@ function _isSlot(s) {
       _this$$slots3;
     var renderReferSlot = function renderReferSlot(slot) {
       var _slot$;
-      if (external_vue_namespaceObject.Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+      if (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;
@@ -3698,7 +3694,7 @@ function _isSlot(s) {
           "default": function _default() {
             return [_slot];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
+        }), (0,external_vue_namespaceObject.createVNode)(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, ["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 });
 ;// CONCATENATED MODULE: external "../button"
 var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var button_y = x => () => x
@@ -173,15 +173,14 @@ 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);
+    var visible = ref(false);
     var t = (0,config_provider_namespaceObject.useLocale)('popConfirm');
     function ensure(e) {
       visible.value = false;
@@ -202,7 +201,7 @@ var PopConfirmProps = {
     var 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,