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

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.10";
 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,15 @@ 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',
+          width: '100%',
+          height: '100%'
         },
-        "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.1.0-dev-beta.8",
+  "version": "2.1.0-dev-beta.10",
   "workspaces": [
     "packages/**",
     "scripts/cli",
@@ -135,6 +135,7 @@
     "js-calendar": "~1.2.3",
     "json-formatter-js": "~2.3.4",
     "lodash": "~4.17.21",
+    "sortablejs": "~1.15.7",
     "tinycolor2": "~1.6.0",
     "vue-types": "~4.1.1"
   }