bkui-vue 1.0.3-beta.2 → 1.0.3-beta.20

package/lib/loading/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./loading.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/loading/loading.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/locale/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -172,7 +173,8 @@ var en = {
     uploadLabel: 'Upload Files'
   },
   input: {
-    placeholder: 'Please input'
+    placeholder: 'Please input',
+    maxlengthLimitTips: 'Reached character limit'
   },
   tagInput: {
     placeholder: 'Please input and press ENTER to finish'
@@ -379,7 +381,8 @@ var zhCn = {
     uploadLabel: '上传文件'
   },
   input: {
-    placeholder: '请输入'
+    placeholder: '请输入',
+    maxlengthLimitTips: '已达到字数上限'
   },
   tagInput: {
     placeholder: '请输入并按Enter结束'

package/lib/locale/lang/en.d.ts

@@ -114,6 +114,7 @@ declare const en: {
     };
     input: {
         placeholder: string;
+        maxlengthLimitTips: string;
     };
     tagInput: {
         placeholder: string;

package/lib/menu/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./menu.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/menu/menu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/menu/submenu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-menu {
   display: block;

package/lib/message/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./message.less";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";

package/lib/message/message.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-message {
   position: fixed;

package/lib/modal/index.d.ts

@@ -92,8 +92,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -116,7 +116,7 @@ declare const BkModal: {
         refRoot: import("vue").Ref<HTMLElement>;
         refMask: import("vue").Ref<HTMLElement>;
         showMask: boolean;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -208,8 +208,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -332,8 +332,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -473,8 +473,8 @@ declare const BkModal: {
     };
 }>> & {
     onClose?: (...args: any[]) => any;
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     "onQuick-close"?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
 }, {
@@ -497,7 +497,7 @@ declare const BkModal: {
     refRoot: import("vue").Ref<HTMLElement>;
     refMask: import("vue").Ref<HTMLElement>;
     showMask: boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], "close" | "hidden" | "shown" | "quick-close" | "quickClose", {
     title: string;
     width: string | number;
     height: string | number;

package/lib/modal/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./modal.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -575,7 +576,7 @@ var propsMixin = {
   // 是否允许点击遮罩关闭弹窗
   quickClose: shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示在body内（即与id#app同级
-  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(false),
+  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true),
   // 弹出层z-index，实际显示的值会自动+1。为了抱证在遮罩上正常显示
   zIndex: shared_namespaceObject.PropTypes.oneOfType([String, Number]),
   // 内容区最大高度

package/lib/modal/modal.d.ts

@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{
     refRoot: import("vue").Ref<HTMLElement>;
     refMask: import("vue").Ref<HTMLElement>;
     showMask: boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], "close" | "hidden" | "shown" | "quick-close" | "quickClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -200,8 +200,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: (...args: any[]) => any;
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     "onQuick-close"?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
 }, {

package/lib/modal/modal.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;

package/lib/navigation/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./navigation.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/navigation/navigation.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-navigation {
   display: flex;

package/lib/notify/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./notify.less";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";

package/lib/notify/notify.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-notify {
   position: fixed;

package/lib/overflow-title/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./overflow-title.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/pagination/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./pagination.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -572,7 +573,6 @@ const popover_less_namespaceObject = popover_less_x({  });
    */
   var handlePageEditorBlur = function handlePageEditorBlur() {
     isFocused.value = false;
-    inputRef.value.textContent = "".concat(inputMemo);
     if (inputMemo !== localCurrent.value) {
       localCurrent.value = inputMemo;
     }

package/lib/pagination/pagination.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-pagination {
   display: flex;

package/lib/plugin-popover/index.d.ts

@@ -23,5 +23,5 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-import $bkPopover from '../../popover/src/plugin-popover';
+import $bkPopover from '../popover/plugin-popover';
 export default $bkPopover;

package/lib/plugin-popover/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
@@ -379,10 +380,13 @@ 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 () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -397,7 +401,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     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)) {
@@ -410,7 +413,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3084,9 +3087,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var delay = resolvePopoverDelay()[0];
     // 设置settimeout避免hidePopover导致显示问题
     popShowTimerId = setTimeout(function () {
-      if (popHideTimerId) {
-        clearTimeout(popHideTimerId);
-      }
+      // if (popHideTimerId) {
+      //   clearTimeout(popHideTimerId);
+      // }
       if (!props.disabled) {
         localIsShow.value = true;
       }
@@ -3423,14 +3426,19 @@ var parentNodeReferId = null;
       storeEvents = null;
     }
   };
+  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
+    var _elment$closest;
+    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
+  };
   var updateBoundary = function updateBoundary() {
     var _resolvePopElements3 = resolvePopElements(),
       elReference = _resolvePopElements3.elReference,
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
+      var _fullScreenTarget$val;
       var _ref6 = elReference || root || {},
         parentNode = _ref6.parentNode;
-      boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
+      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
     boundary.value = getPrefixId(root || elReference);
@@ -3438,13 +3446,13 @@ var parentNodeReferId = null;
   var _usePopperId = use_popper_id(props, '#'),
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val = fullScreenTarget.value) === null || _fullScreenTarget$val === void 0 || _fullScreenTarget$val.setAttribute('data-fllsrn-id', fullscreenReferId);
+    var _fullScreenTarget$val2;
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val2, _fullScreenTarget$val3;
+    var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val2 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val3 = fullScreenTarget.value) === null || _fullScreenTarget$val3 === void 0 ? void 0 : _fullScreenTarget$val3.querySelectorAll(query)) !== null && _fullScreenTarget$val2 !== void 0 ? _fullScreenTarget$val2 : []).forEach(function (element) {
+    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };
@@ -3622,7 +3630,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/plugins/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE__plugin_popover_d49f5bb2__ from "../plugin-popover";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};

package/lib/pop-confirm/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./pop-confirm.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

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

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop-confirm-box {
   padding: 16px;

package/lib/popover/content.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         maxWidth: string | number;
     }>;
     refContent: import("vue").Ref<any>;
-    resolveClassName: (cls: string) => string;
+    contentClassName: import("vue").ComputedRef<string[]>;
     resetPointerEvent: () => void;
     setContentPointerEvent: (val: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/popover/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -382,10 +383,13 @@ 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 () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -400,7 +404,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     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)) {
@@ -413,7 +416,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3087,9 +3090,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var delay = resolvePopoverDelay()[0];
     // 设置settimeout避免hidePopover导致显示问题
     popShowTimerId = setTimeout(function () {
-      if (popHideTimerId) {
-        clearTimeout(popHideTimerId);
-      }
+      // if (popHideTimerId) {
+      //   clearTimeout(popHideTimerId);
+      // }
       if (!props.disabled) {
         localIsShow.value = true;
       }
@@ -3426,14 +3429,19 @@ var parentNodeReferId = null;
       storeEvents = null;
     }
   };
+  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
+    var _elment$closest;
+    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
+  };
   var updateBoundary = function updateBoundary() {
     var _resolvePopElements3 = resolvePopElements(),
       elReference = _resolvePopElements3.elReference,
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
+      var _fullScreenTarget$val;
       var _ref6 = elReference || root || {},
         parentNode = _ref6.parentNode;
-      boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
+      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
     boundary.value = getPrefixId(root || elReference);
@@ -3441,13 +3449,13 @@ var parentNodeReferId = null;
   var _usePopperId = use_popper_id(props, '#'),
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val = fullScreenTarget.value) === null || _fullScreenTarget$val === void 0 || _fullScreenTarget$val.setAttribute('data-fllsrn-id', fullscreenReferId);
+    var _fullScreenTarget$val2;
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val2, _fullScreenTarget$val3;
+    var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val2 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val3 = fullScreenTarget.value) === null || _fullScreenTarget$val3 === void 0 ? void 0 : _fullScreenTarget$val3.querySelectorAll(query)) !== null && _fullScreenTarget$val2 !== void 0 ? _fullScreenTarget$val2 : []).forEach(function (element) {
+    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };
@@ -3625,7 +3633,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/popover/popover.css

@@ -1,6 +1,5 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -8,6 +7,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/popover/popover.less

@@ -4,7 +4,10 @@
 .@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     position: absolute;
-    display: none;
+
+    &.hidden {
+      display: none;
+    }
 
     padding: 12px;
 

package/lib/popover/popover.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,10 +124,11 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -134,6 +136,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/popover2/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 /******/ // The require scope

package/lib/preset.d.ts

@@ -118,6 +118,7 @@ declare const _default: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;
@@ -261,6 +262,7 @@ declare const _default: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;