pro-design-vue 1.0.0-rc.5 → 1.0.0-rc.7

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.0.0-rc.5 */
+/*! Pro Design Vue v1.0.0-rc.7 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue')) :
@@ -16,7 +16,7 @@
   const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
   const DEFAULT_NAMESPACE = "pro";
 
-  const version$1 = "1.0.0-rc.5";
+  const version$1 = "1.0.0-rc.7";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -30300,6 +30300,7 @@
       const tableSlotsContext = useInjectSlots();
       const dragRowPlaceholderRef = vue.ref();
       const bodyRef = vue.ref();
+      const measureDomRef = vue.ref();
       const bodyInnerRef = vue.ref();
       const scrollLayerRef = vue.ref();
       const viewportRef = vue.ref();
@@ -30610,6 +30611,13 @@
         return summaryStyle.value;
       });
       const emptyStyle = vue.computed(() => ({ width: `${props.bodyWidth}px` }));
+      useResizeObserver(measureDomRef, (entries) => {
+        var _a, _b;
+        console.log("\u{1F680} ~ useResizeObserver ~ entries:", (_a = entries[0]) == null ? void 0 : _a.contentRect);
+        const contentRect = (_b = entries[0]) == null ? void 0 : _b.contentRect;
+        emit("update:bodyWidth", contentRect == null ? void 0 : contentRect.width);
+        emit("update:bodyHeight", contentRect == null ? void 0 : contentRect.height);
+      });
       return {
         bodyContainerStyle,
         measureDomStyle: vue.computed(() => ({
@@ -30660,6 +30668,7 @@
           emit("update:bodyScrollWidth", e.detail.width);
         },
         bodyRef,
+        measureDomRef,
         bodyInnerRef,
         viewportRef,
         summaryViewportRef,
@@ -30816,16 +30825,15 @@
           _: 1
           /* STABLE */
         }),
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        vue.createElementVNode(
           "div",
           {
             key: "body",
             ref: "bodyRef",
             class: vue.normalizeClass(_ctx.bodyClass),
             style: vue.normalizeStyle(_ctx.bodyStyle),
-            onDragstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleDragStart && _ctx.handleDragStart(...args)),
-            onKeydown: _cache[10] || (_cache[10] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
-            onResize: _cache[11] || (_cache[11] = (...args) => _ctx.handleBodyResize && _ctx.handleBodyResize(...args))
+            onDragstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleDragStart && _ctx.handleDragStart(...args)),
+            onKeydown: _cache[9] || (_cache[9] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
           },
           [
             vue.createElementVNode("div", _hoisted_1$3, [
@@ -31135,24 +31143,22 @@
                 6
                 /* CLASS, STYLE */
               ),
-              vue.withDirectives(vue.createElementVNode(
+              vue.createElementVNode(
                 "div",
                 {
-                  style: vue.normalizeStyle(_ctx.measureDomStyle),
-                  onResize: _cache[6] || (_cache[6] = (...args) => _ctx.handleBodyResize && _ctx.handleBodyResize(...args))
+                  ref: "measureDomRef",
+                  style: vue.normalizeStyle(_ctx.measureDomStyle)
                 },
                 null,
-                36
-                /* STYLE, NEED_HYDRATION */
-              ), [
-                [_directive_resize]
-              ]),
+                4
+                /* STYLE */
+              ),
               vue.withDirectives(vue.createElementVNode(
                 "div",
                 {
                   class: vue.normalizeClass(`${_ctx.prefixCls}-body-scroll-measure`),
                   style: vue.normalizeStyle(`min-width: ${_ctx.bodyInnerWidth}px`),
-                  onResizewidth: _cache[7] || (_cache[7] = (...args) => _ctx.handleBodyScrollResize && _ctx.handleBodyScrollResize(...args))
+                  onResizewidth: _cache[6] || (_cache[6] = (...args) => _ctx.handleBodyScrollResize && _ctx.handleBodyScrollResize(...args))
                 },
                 null,
                 38
@@ -31165,7 +31171,7 @@
                 {
                   class: vue.normalizeClass(`${_ctx.prefixCls}-body-inner-measure`),
                   style: vue.normalizeStyle(`min-width: ${_ctx.scrollX}px`),
-                  onResizewidth: _cache[8] || (_cache[8] = (...args) => _ctx.handleBodyInnerResize && _ctx.handleBodyInnerResize(...args))
+                  onResizewidth: _cache[7] || (_cache[7] = (...args) => _ctx.handleBodyInnerResize && _ctx.handleBodyInnerResize(...args))
                 },
                 null,
                 38
@@ -31180,9 +31186,7 @@
           ],
           38
           /* CLASS, STYLE, NEED_HYDRATION */
-        )), [
-          [_directive_resize]
-        ]),
+        ),
         vue.createVNode(_component_RenderSlot, null, {
           default: vue.withCtx(() => [
             _ctx.summary && _ctx.summaryFixed === "bottom" ? (vue.openBlock(), vue.createElementBlock(
@@ -31211,7 +31215,7 @@
                         vue.withDirectives((vue.openBlock(), vue.createElementBlock(
                           "div",
                           {
-                            onResizeheight: _cache[12] || (_cache[12] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
+                            onResizeheight: _cache[10] || (_cache[10] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
                           },
                           [
                             vue.createVNode(_component_RenderVNode, { vnode: _ctx.summary }, null, 8, ["vnode"])