bkui-vue 0.0.2-modal-refactor.2 → 0.0.2-modal-refactor.3

package/lib/date-picker/use-calendar.d.ts

@@ -1,15 +1,25 @@
 import { type ComponentPublicInstance } from 'vue';
-import type { DatePickerPanelType } from './interface';
+import type { DatePickerPanelType, SelectionModeType } from './interface';
 export declare function useCalendar(props: any, slots: any, emit: any): {
     resolveClassName: (cls: string) => string;
     longWidthCls: import("vue").ComputedRef<string>;
     fontSizeCls: import("vue").ComputedRef<string>;
+    hasHeader: import("vue").ComputedRef<boolean>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    hasShortcuts: import("vue").ComputedRef<boolean>;
+    hasConfirm: import("vue").ComputedRef<boolean>;
     forceInputRerender: import("vue").Ref<number>;
     internalValue: any;
     localReadonly: import("vue").ComputedRef<any>;
+    ownPickerProps: import("vue").ComputedRef<any>;
+    allowCrossDayProp: import("vue").ComputedRef<any>;
     displayValue: import("vue").ComputedRef<any>;
+    selectionMode: import("vue").Ref<SelectionModeType>;
     inputRef: any;
     setInputRef: (el: Element | ComponentPublicInstance | null) => void;
+    pickerDropdownRef: any;
+    reset: () => void;
+    handleClose: (e?: Event) => boolean;
     handleFocus: (e: any) => void;
     handleBlur: (e: any) => void;
     showClose: import("vue").Ref<boolean>;
@@ -20,5 +30,6 @@ export declare function useCalendar(props: any, slots: any, emit: any): {
     handleClear: () => void;
     panel: import("vue").ComputedRef<DatePickerPanelType>;
     opened: import("vue").ComputedRef<any>;
+    handleInputMouseenter: () => void;
+    handleInputMouseleave: (_e: any) => void;
 };
-export declare function defaultTrigger(props: any, slots: any, emit: any): JSX.Element;

package/lib/info-box/index.js

@@ -1095,10 +1095,10 @@ var InfoBox = function InfoBox(config) {
           "class": resolveClassName('info-wrapper'),
           headerAlign: 'center',
           footerAlign: 'center',
-          transfer: true,
           fullscreen: false
         }, modalFuncProps.value), {}, {
           isShow: isShow.value,
+          transfer: false,
           onClosed: onClosed,
           onConfirm: onConfirm,
           onHidden: onHidden

package/lib/modal/index.js

@@ -36,7 +36,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.dialogTypeUnion, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.dialogTypeUnion, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -257,13 +257,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
       resolveClassName = _usePrefix.resolveClassName;
     var resolveClosetModal = function resolveClosetModal() {
       var _refRoot$value;
+      if (enableTeleport.value) {
+        if (typeof teleportTo.value === 'string') {
+          var target = document.querySelector(teleportTo.value);
+          target === null || target === void 0 ? void 0 : target.appendChild(refRoot.value);
+          return;
+        }
+        if ((0,external_shared_namespaceObject.isElement)(teleportTo.value)) {
+          teleportTo.value.appendChild(refRoot.value);
+          return;
+        }
+      }
       var className = ".".concat(resolveClassName('modal-ctx'));
       var parentNode = (_refRoot$value = refRoot.value) === null || _refRoot$value === void 0 || (_refRoot$value = _refRoot$value.parentElement) === null || _refRoot$value === void 0 ? void 0 : _refRoot$value.closest(className);
       if (parentNode) {
         enableTeleport.value = true;
         teleportTo.value = 'body';
-        var target = document.querySelector(teleportTo.value);
-        target === null || target === void 0 ? void 0 : target.appendChild(refRoot.value);
+        var _target = document.querySelector(teleportTo.value);
+        _target === null || _target === void 0 ? void 0 : _target.appendChild(refRoot.value);
       }
     };
     var fullscreenStyle = (0,external_vue_namespaceObject.computed)(function () {
@@ -303,6 +314,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
       closeTimer = setTimeout(function () {
         // 直接设为false会失去离开的动画效果，这里延迟设置
         ctx.emit('hidden'); // 为false直接触发hidden事件，在上层有200ms的延时
+        if (enableTeleport.value) {
+          var _refRoot$value2;
+          (_refRoot$value2 = refRoot.value) === null || _refRoot$value2 === void 0 ? void 0 : _refRoot$value2.remove();
+        }
       }, 250);
     }, {
       immediate: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.2-modal-refactor.2",
+  "version": "0.0.2-modal-refactor.3",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",