bkui-vue 2.1.0-dev-beta.8 → 2.1.0-dev-beta.9

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.1.0-dev-beta.8";
+export const version = "2.1.0-dev-beta.9";
 window.__bkui_vue_version__ = version;

package/lib/popover/index.js

@@ -45,7 +45,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, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentScope"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentScope, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["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, ["onScopeDispose"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onScopeDispose, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowReadonly"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowReadonly, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentScope"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentScope, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["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, ["onScopeDispose"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onScopeDispose, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowReadonly"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowReadonly, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["useAttrs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -3295,12 +3295,14 @@ var EMIT_EVENTS = {
 };
 /* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Popover',
+  inheritAttrs: false,
   props: PopoverProps,
   emits: [EMIT_EVENTS.AFTER_SHOW, EMIT_EVENTS.AFTER_HIDDEN, EMIT_EVENTS.CLICK_OUTSIDE, EMIT_EVENTS.CONTENT_MOUSEENTER, EMIT_EVENTS.CONTENT_MOUSELEAVE, EMIT_EVENTS.UPDATE_IS_SHOW],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit,
       expose = _ref.expose;
+    var attrs = (0,external_vue_namespaceObject.useAttrs)();
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     // 当前实例 id（用于注册表与事件路径识别）
@@ -3415,20 +3417,15 @@ var EMIT_EVENTS = {
     /**
      * 解析默认 slot reference 元素
      *
-     * 兼容一些历史用法：default slot 内部元素可能是 `position: absolute`，
-     * 这会导致外层包裹的 referenceWrapperRef（inline-block）尺寸为 0，
-     * 从而让 floating-ui 使用错误的 reference 位置，并触发 hide middleware 的 referenceHidden。
+     * referenceWrapperRef 使用 display: contents，自身无布局尺寸，
+     * 因此需要从子元素中找到实际的 reference 元素。
      *
-     * 策略：当 referenceWrapperRef 自身尺寸为 0 时，优先使用第一个元素子节点作为 reference；否则向下寻找第一个具有可见尺寸的 HTMLElement。
+     * 策略：优先使用第一个元素子节点作为 reference；否则向下寻找第一个具有可见尺寸的 HTMLElement。
      */
     var resolveDefaultReferenceElement = function resolveDefaultReferenceElement() {
       var wrapper = referenceWrapperRef.value;
       if (!wrapper) return null;
-      var wrapperRect = wrapper.getBoundingClientRect();
-      if (wrapperRect.width > 0 || wrapperRect.height > 0) {
-        return wrapper;
-      }
-      // 常见场景：slot 内元素为 absolute，wrapper 自身尺寸为 0，但第一个元素子节点就是实际触发器
+      // display: contents 的元素自身尺寸为 0，直接查找子元素
       var firstChild = wrapper.firstElementChild;
       if (firstChild instanceof HTMLElement) {
         return firstChild;
@@ -3925,12 +3922,13 @@ var EMIT_EVENTS = {
         });
       }
       // 默认情况：渲染 reference 和 floating content
+      // 使用 display: contents 避免影响内部元素布局
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("span", (0,external_vue_namespaceObject.mergeProps)({
         "ref": referenceWrapperRef,
         "style": {
-          display: 'inline-block'
+          display: 'contents'
         },
-        "class": referenceCls.value
+        "class": [referenceCls.value, attrs["class"]]
       }, referenceListeners.value), [(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
         "disabled": disableTeleport.value,
         "to": teleportTo.value

package/lib/tree/constant.d.ts

@@ -1,4 +1,6 @@
 export declare enum EVENTS {
+    NODE_ASYNC_LOAD = "nodeAsyncLoad",
+    NODE_ASYNC_LOAD_ERROR = "nodeAsyncLoadError",
     NODE_CHECKED = "nodeChecked",
     NODE_CLICK = "nodeClick",
     NODE_COLLAPSE = "nodeCollapse",
@@ -12,6 +14,8 @@ export declare enum EVENTS {
     NODE_SELECTED = "nodeSelected"
 }
 export declare const TreeEmitEventsType: {
+    nodeAsyncLoad: (..._args: any[]) => boolean;
+    nodeAsyncLoadError: (..._args: any[]) => boolean;
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
     nodeExpand: (..._args: any[]) => boolean;

package/lib/tree/index.d.ts

@@ -38,6 +38,7 @@ declare const BkTree: {
         prefixIcon: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        onDataChange: import("vue").PropType<import("./props").TreeDataChangeHandler>;
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
@@ -134,10 +135,17 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
             default: boolean | (() => import("./props").IIntersectionObserver);
         };
     }>> & Readonly<{
+        onNodeAsyncLoad?: (...args: any[]) => any;
+        onNodeAsyncLoadError?: (...args: any[]) => any;
         onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -150,6 +158,8 @@ declare const BkTree: {
         onNodeExpand?: (...args: any[]) => any;
         onNodeSelected?: (...args: any[]) => any;
     }>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        nodeAsyncLoad: (..._args: any[]) => boolean;
+        nodeAsyncLoadError: (..._args: any[]) => boolean;
         nodeClick: (..._args: any[]) => boolean;
         nodeCollapse: (..._args: any[]) => boolean;
         nodeExpand: (..._args: any[]) => boolean;
@@ -192,6 +202,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        deepWatch: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -238,6 +249,7 @@ declare const BkTree: {
         prefixIcon: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        onDataChange: import("vue").PropType<import("./props").TreeDataChangeHandler>;
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
@@ -334,10 +346,17 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
             default: boolean | (() => import("./props").IIntersectionObserver);
         };
     }>> & Readonly<{
+        onNodeAsyncLoad?: (...args: any[]) => any;
+        onNodeAsyncLoadError?: (...args: any[]) => any;
         onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -380,6 +399,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        deepWatch: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -423,6 +443,7 @@ declare const BkTree: {
     prefixIcon: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    onDataChange: import("vue").PropType<import("./props").TreeDataChangeHandler>;
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
@@ -519,10 +540,17 @@ declare const BkTree: {
     } & {
         default: boolean;
     };
+    deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
         default: boolean | (() => import("./props").IIntersectionObserver);
     };
 }>> & Readonly<{
+    onNodeAsyncLoad?: (...args: any[]) => any;
+    onNodeAsyncLoadError?: (...args: any[]) => any;
     onNodeChecked?: (...args: any[]) => any;
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -535,6 +563,8 @@ declare const BkTree: {
     onNodeExpand?: (...args: any[]) => any;
     onNodeSelected?: (...args: any[]) => any;
 }>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nodeAsyncLoad: (..._args: any[]) => boolean;
+    nodeAsyncLoadError: (..._args: any[]) => boolean;
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
     nodeExpand: (..._args: any[]) => boolean;
@@ -577,5 +607,6 @@ declare const BkTree: {
     nodeContentAction: any;
     keepSlotData: boolean;
     checkStrictly: boolean;
+    deepWatch: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]>;
 export default BkTree;