dfish-widget 1.0.135 → 1.1.0

package/lib/index.esm.js

@@ -1853,7 +1853,7 @@ function directive(Vue) {
 
 const bindCache = {};
 
-  var script$1q = {
+  var script$1p = {
     props: ['data', 'width', 'height', 'colspan', 'rowspan', 'ownproperty', 'orientUid'],
     data() {
       return {
@@ -2115,9 +2115,9 @@ const bindCache = {};
     }
   };
 
-script$1q.__file = "src/widgets/WidgetAbs.vue";
+script$1p.__file = "src/widgets/WidgetAbs.vue";
 
-var script$1p = {
+var script$1o = {
     props: ['src', 'children', 'parentItem'],
     data() {
       return {
@@ -2151,11 +2151,11 @@ var script$1p = {
     }
   };
 
-script$1p.__file = "src/widgets/SrcParent.vue";
+script$1o.__file = "src/widgets/SrcParent.vue";
 
-var script$1o = {
+var script$1n = {
     name: 'w-view',
-    mixins: [script$1p],
+    mixins: [script$1o],
     provide() {
       return {
         provideView: this
@@ -2367,9 +2367,9 @@ var script$1o = {
     }
   };
 
-script$1o.__file = "src/widgets/ViewAbs.vue";
+script$1n.__file = "src/widgets/ViewAbs.vue";
 
-var script$1n = {
+var script$1m = {
     name: 'w-svg-loading'
   };
 
@@ -2399,10 +2399,10 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_6$3))
 }
 
-script$1n.render = render$8;
-script$1n.__file = "src/assets/SVGIcon.vue";
+script$1m.render = render$8;
+script$1m.__file = "src/assets/SVGIcon.vue";
 
-var script$1m = {
+var script$1l = {
     props: ['data'],
     data() {
       return {
@@ -2521,10 +2521,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1m.render = render$7;
-script$1m.__file = "src/template/TemplatePreviewMedia.vue";
+script$1l.render = render$7;
+script$1l.__file = "src/template/TemplatePreviewMedia.vue";
 
-var script$1l = {
+var script$1k = {
     props: ['data'],
     data() {
       let f = this.data.format || 'yyyy-MM-dd';
@@ -3025,12 +3025,12 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1l.render = render$6;
-script$1l.__file = "src/template/TemplateDateSheet.vue";
+script$1k.render = render$6;
+script$1k.__file = "src/template/TemplateDateSheet.vue";
 
-var script$1k = {
+var script$1j = {
     name: 'w-docview',
-    mixins: [script$1q, script$1o],
+    mixins: [script$1p, script$1n],
     provide() {
       return {
         providePubParent: null,
@@ -3053,15 +3053,15 @@ var script$1k = {
         return null
       },
       previewVideo(src) {
-        this.pop(script$1m, {data: {type: 'video', src}});
+        this.pop(script$1l, {data: {type: 'video', src}});
       },
       previewImage(imgs, options) {
-        this.pop(script$1m, {data: {type: 'image', imgs, options}});
+        this.pop(script$1l, {data: {type: 'image', imgs, options}});
       },
       //dateOptions: {value, format, minValue, maxValue, success}
       dateSheet(dateOptions, dialogOptions) {
-        this.pop(script$1l, {
-          template: script$1l,
+        this.pop(script$1k, {
+          template: script$1k,
           width: '100%',
           height: '55%',
           position: 'b',
@@ -3077,20 +3077,20 @@ var script$1k = {
         return [
           this.$slots.default && this.$slots.default(),
           this.html_pops(),
-          h(script$1n),
+          h(script$1m),
         ]
       }
     }
   };
 
-script$1k.__file = "src/widgets/DocView.vue";
+script$1j.__file = "src/widgets/DocView.vue";
 
-var script$1j = {
-    mixins: [script$1q],
+var script$1i = {
+    mixins: [script$1p],
     inject: ['provideView']
   };
 
-script$1j.__file = "src/widgets/WidgetBase.vue";
+script$1i.__file = "src/widgets/WidgetBase.vue";
 
 const onScroll = function(e) {
     if (this.wScrollPercentX) {
@@ -3131,10 +3131,10 @@ const onScroll = function(e) {
     }, dnEv);
   };
 
-  var script$1i = {
-    mixins: [script$1j],
+  var script$1h = {
+    mixins: [script$1i],
     props: ['scrollX', 'scrollY', 'scrollView', 'scrollFlex'],
-    emits: ['scroll'],
+    emits: ['scroll', 'resize'],
     data() {
       return {
         wScrollPercentX: false,
@@ -3362,6 +3362,10 @@ const onScroll = function(e) {
           this.wScrollSizeY = this.wScrollPercentY = false;
         }
       },
+      scroll_observe_overflow(ob) {
+        this.$emit('resize');
+        this.scroll_observe(ob);
+      },
       scroll_observe(ob) {
         if (this.isDeactivated) return        
         this.initScroll();
@@ -3400,7 +3404,7 @@ const onScroll = function(e) {
       }
       //在PC端生成滚动条。移动端不生成
       if ($$1.br.mobile || !(this.hasScrollX || this.hasScrollY)) return
-      this.$refs.wScrollOverflow && new ResizeObserver$1(this.scroll_observe).observe(this.$refs.wScrollOverflow);
+      this.$refs.wScrollOverflow && new ResizeObserver$1(this.scroll_observe_overflow).observe(this.$refs.wScrollOverflow);
       this.$refs.wScrollCont && new ResizeObserver$1(this.scroll_observe).observe(this.$refs.wScrollCont);
       this.el() && new MutationObserver(this.onScrollAttributeChange).observe(this.el(), {attributes: true});
     },
@@ -3420,9 +3424,9 @@ const onScroll = function(e) {
     }
   };
 
-script$1i.__file = "src/widgets/Scroll.vue";
+script$1h.__file = "src/widgets/Scroll.vue";
 
-var script$1h = {
+var script$1g = {
     props: ['align', 'valign', 'gap'],
     computed: {
       dir() {
@@ -3437,11 +3441,11 @@ var script$1h = {
     }
   };
 
-script$1h.__file = "src/widgets/AlignParent.vue";
+script$1g.__file = "src/widgets/AlignParent.vue";
 
-var script$1g = {
+var script$1f = {
     name: 'w-horizontal',
-    mixins: [script$1i, script$1h],
+    mixins: [script$1h, script$1g],
     props: ['br', 'reverse'],
     provide() {
       return {
@@ -3493,11 +3497,11 @@ var script$1g = {
     }
   };
 
-script$1g.__file = "src/widgets/Horizontal.vue";
+script$1f.__file = "src/widgets/Horizontal.vue";
 
-var script$1f = {
+var script$1e = {
     name: 'w-vertical',
-    mixins: [script$1g],
+    mixins: [script$1f],
     computed: {
       dir() {
         return 'v'
@@ -3505,11 +3509,11 @@ var script$1f = {
     }
   };
 
-script$1f.__file = "src/widgets/Vertical.vue";
+script$1e.__file = "src/widgets/Vertical.vue";
 
-var script$1e = {
+var script$1d = {
     name: 'w-view',
-    mixins: [script$1f, script$1o],
+    mixins: [script$1e, script$1n],
     inject: ['provideView'],
     methods: {
 			html_slots() {
@@ -3526,9 +3530,9 @@ var script$1e = {
     }
   };
 
-script$1e.__file = "src/widgets/View.vue";
+script$1d.__file = "src/widgets/View.vue";
 
-var script$1d = {
+var script$1c = {
   __name: 'DialogTarget',
   setup(__props) {
 
@@ -3543,7 +3547,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$1d.__file = "src/widgets/DialogTarget.vue";
+script$1c.__file = "src/widgets/DialogTarget.vue";
 
 const O = {},
     T = true,
@@ -3560,9 +3564,9 @@ const O = {},
 	  return typeof a === 'string' && a.split(',').map(v => positionCodes[v] || v).join()
 	};
 
-  var script$1c = {
+  var script$1b = {
     name: 'w-dialog',
-    mixins: [script$1e],
+    mixins: [script$1d],
     props: ['title', 'autoHide', 'context', 'prong', 'independent', 'timeout', 'cover', 'coverProps',
       'position', 'snap', 'indent', 'offsetRange', 'local', 'fullScreen', 'hoverShowDrop', 'visible',
 			...boundary
@@ -3834,7 +3838,7 @@ const O = {},
         }
         let s = [cover, this.html_self(true)];
         let r = to ? h(Teleport, {to}, s) : s;
-        return this.slotTarget ? [r, h(script$1d, null, {default: () => [this.slotTarget()]})] : r
+        return this.slotTarget ? [r, h(script$1c, null, {default: () => [this.slotTarget()]})] : r
       }
     },
     computed: {
@@ -3954,12 +3958,12 @@ const O = {},
     }
   };
 
-script$1c.__file = "src/widgets/Dialog.vue";
+script$1b.__file = "src/widgets/Dialog.vue";
 
 const _hoisted_1$9 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
   
   
-var script$1b = {
+var script$1a = {
   __name: 'TemplateAlert',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4092,11 +4096,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$1b.__file = "src/template/TemplateAlert.vue";
+script$1a.__file = "src/template/TemplateAlert.vue";
 
-var script$1a = {
+var script$19 = {
     name: 'w-alert',
-    mixins: [script$1c],
+    mixins: [script$1b],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4126,7 +4130,7 @@ var script$1a = {
       },
       html_slots_default() {
         return h(
-          script$1b,
+          script$1a,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4142,12 +4146,12 @@ var script$1a = {
     }
   };
 
-script$1a.__file = "src/widgets/Alert.vue";
+script$19.__file = "src/widgets/Alert.vue";
 
 const _hoisted_1$8 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
   
   
-var script$19 = {
+var script$18 = {
   __name: 'TemplateConfirm',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4287,11 +4291,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$19.__file = "src/template/TemplateConfirm.vue";
+script$18.__file = "src/template/TemplateConfirm.vue";
 
-var script$18 = {
+var script$17 = {
     name: 'w-confirm',
-    mixins: [script$1c],
+    mixins: [script$1b],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4321,7 +4325,7 @@ var script$18 = {
       },
       html_slots_default() {
         return h(
-          script$19,
+          script$18,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4337,7 +4341,7 @@ var script$18 = {
     }
   };
 
-script$18.__file = "src/widgets/Confirm.vue";
+script$17.__file = "src/widgets/Confirm.vue";
 
 const _hoisted_1$7 = { class: "w-tip-body" };
 const _hoisted_2$7 = {
@@ -4347,7 +4351,7 @@ const _hoisted_2$7 = {
 const _hoisted_3$5 = ["innerHTML"];
 
 
-var script$17 = {
+var script$16 = {
   __name: 'TemplateTip',
   props: ['text', 'escape'],
   setup(__props) {
@@ -4371,7 +4375,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$17.__file = "src/template/TemplateTip.vue";
+script$16.__file = "src/template/TemplateTip.vue";
 
 let inst$1 = null;
   let tipCache = {
@@ -4379,9 +4383,9 @@ let inst$1 = null;
     list: []
   };
   
-  var script$16 = {
+  var script$15 = {
     name: 'w-tip',
-    mixins: [script$1c],
+    mixins: [script$1b],
     props: ['face', 'text', 'escape'],
     provide() {
       return {
@@ -4399,7 +4403,7 @@ let inst$1 = null;
       },
       // implement
       html_slots_default() {
-        return h(script$17, {text: this.x.text, escape: this.x.escape}, this.$slots)
+        return h(script$16, {text: this.x.text, escape: this.x.escape}, this.$slots)
       },
       // implement
       setVisibleSub(a) {
@@ -4443,12 +4447,12 @@ let inst$1 = null;
     }
   };
 
-script$16.__file = "src/widgets/Tip.vue";
+script$15.__file = "src/widgets/Tip.vue";
 
-var script$15 = {
+var script$14 = {
     name: 'w-img',
     pubParentName: 'w-album',
-    mixins: [script$1j],
+    mixins: [script$1i],
     inject: ['providePubParent'],
     props: ['src', 'text', 'square', 'imgWidth', 'imgHeight', 'dataUrl', 'vertical', 'disabled'],
     data() {
@@ -4494,7 +4498,7 @@ var script$15 = {
               class: 'w-img-cover f-abs-full'
             }, this.$slots.cover())
           ]),
-          cont && h(script$1f, {
+          cont && h(script$1e, {
             class: 'w-img-description'
           }, cont)
         ]
@@ -4528,11 +4532,11 @@ var script$15 = {
     }
   };
 
-script$15.__file = "src/widgets/Img.vue";
+script$14.__file = "src/widgets/Img.vue";
 
-var script$14 = {
+var script$13 = {
     pubParentName: 'w-buttonbar',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['text', 'icon', 'focusIcon', 'dropIcon', 'focusDropIcon', 'arrowIcon', 'face', 'target', 'closable', 'dropToggle', 'loading', 'disabled', 'vertical', 'hoverShowDrop', 'dropProps', 'showArrowIcon'],
     inject: ['providePubParent', 'provideMenu_w'],
     emits: ['click:close', 'dropClose'],
@@ -4628,7 +4632,7 @@ var script$14 = {
         if (this.x.loading) {
           r.push(h('div', {
             class: 'w-button-loading f-abs-full f-flex-center'
-          }, h(script$15, {
+          }, h(script$14, {
             src: '#f-svg-loading'
           })));
         }
@@ -4646,7 +4650,7 @@ var script$14 = {
           }, h('span', {class: 'w-button-text-line f-line-1', title: title || ''}, t)));
         }
         if (this.isMore && this.x.showArrowIcon) {
-          r.push(h(script$15, {
+          r.push(h(script$14, {
             class: 'w-button-more f-flex-center f-height',
             src: this.x.arrowIcon || '.f-i .f-i-caret-down'
           }));
@@ -4664,7 +4668,7 @@ var script$14 = {
             class: 'w-button-main f-oh f-height',
             ...(this.isCombo && !this.isDisabled && this.mouses),
           }, r),
-          this.isCombo && h(script$15, {
+          this.isCombo && h(script$14, {
             class: 'w-button-drop f-flex-center f-height',
             src: '.f-i .f-i-caret-down',
             ...(!this.isDisabled && this.mouses),
@@ -4715,11 +4719,11 @@ var script$14 = {
     }
   };
 
-script$14.__file = "src/widgets/ButtonAbs.vue";
+script$13.__file = "src/widgets/ButtonAbs.vue";
 
-var script$13 = {
+var script$12 = {
     name: 'w-menubutton',
-    mixins: [script$14],
+    mixins: [script$13],
     methods: {
 			ajax(...args) {
 			  return this.parentMenu.rootCommander.ajax(...args)
@@ -4782,7 +4786,7 @@ var script$13 = {
             onclick: this.clickClose
           })));
         }
-        r.push(h(script$15, {
+        r.push(h(script$14, {
           class: 'w-menubutton-drop f-flex-center f-height',
           src: this.isMore ? (this.x.arrowIcon || '.f-i .f-i-caret-right') : ''
         }));
@@ -4834,11 +4838,11 @@ var script$13 = {
     },
   };
 
-script$13.__file = "src/widgets/MenuButton.vue";
+script$12.__file = "src/widgets/MenuButton.vue";
 
-var script$12 = {
+var script$11 = {
     name: 'w-button',
-    mixins: [script$14],
+    mixins: [script$13],
     props: ['autoMenuButton'],
     methods: {
       x_default() {
@@ -4850,14 +4854,14 @@ var script$12 = {
     },
     render() {
       if (this.provideMenu_w && this.x.autoMenuButton) {
-        return h(script$13, this.$props, this.$slots)
+        return h(script$12, this.$props, this.$slots)
       } else {
         return this.html()
       }
     }
   };
 
-script$12.__file = "src/widgets/Button.vue";
+script$11.__file = "src/widgets/Button.vue";
 
 let inst = null;
 	
@@ -4872,9 +4876,9 @@ let inst = null;
 		return inst && (ctx.hasBubble(inst.context) || inst.hasBubble(ctx))
 	}
 
-  var script$11 = {
+  var script$10 = {
     name: 'w-menu',
-    mixins: [script$1c],
+    mixins: [script$1b],
     provide() {
       return {
         provideMenu_w: this
@@ -4950,7 +4954,7 @@ let inst = null;
           }, h('i', {
             class: 'f-i f-i-caret-up'
           })),
-          h(script$1f, {
+          h(script$1e, {
             class: 'w-menu-bbr',
             height: '*',
             ref: 'bbr',
@@ -5005,11 +5009,11 @@ let inst = null;
     }
   };
 
-script$11.__file = "src/widgets/Menu.vue";
+script$10.__file = "src/widgets/Menu.vue";
 
-var script$10 = {
+var script$$ = {
     name: 'w-loading',
-    mixins: [script$1c],
+    mixins: [script$1b],
     props: ['text', 'icon'],
     methods: {
       x_default() {
@@ -5018,7 +5022,7 @@ var script$10 = {
         }
       },
       html_slots() {
-        return h(script$15, {
+        return h(script$14, {
           src: this.x.icon !== undefined ? this.x.icon : '#f-svg-loading',
           text: this.x.text !== undefined ? this.x.text : $$1.loc.loading
         })
@@ -5031,11 +5035,11 @@ var script$10 = {
     }
   };
 
-script$10.__file = "src/widgets/Loading.vue";
+script$$.__file = "src/widgets/Loading.vue";
 
-var script$$ = {
+var script$_ = {
     name: 'w-table',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['face', 'scroll-x', 'scroll-y'],
     provide() {
       return {
@@ -5153,22 +5157,22 @@ var script$$ = {
     }
   };
 
-script$$.__file = "src/widgets/Table.vue";
+script$_.__file = "src/widgets/Table.vue";
 
-var script$_ = {
+var script$Z = {
     name: 'w-columns'
   };
 
-script$_.__file = "src/widgets/TableColumns.vue";
+script$Z.__file = "src/widgets/TableColumns.vue";
 
-var script$Z = {
+var script$Y = {
     name: 'w-column',
     props: ['width', 'minWidth'],
   };
 
-script$Z.__file = "src/widgets/TableColumn.vue";
+script$Y.__file = "src/widgets/TableColumn.vue";
 
-var script$Y = {
+var script$X = {
     props: ['pub', 'current'],
     provide() {
       return {
@@ -5199,21 +5203,21 @@ var script$Y = {
     }
   };
 
-script$Y.__file = "src/widgets/PubParent.vue";
+script$X.__file = "src/widgets/PubParent.vue";
 
 function render$5(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "default")
 }
 
-const script$X = {};
+const script$W = {};
 
 
-script$X.render = render$5;
-script$X.__file = "src/widgets/SlotDefault.vue";
+script$W.render = render$5;
+script$W.__file = "src/widgets/SlotDefault.vue";
 
-var script$W = {
+var script$V = {
     name: 'w-thead',
-    mixins: [script$1j, script$Y],
+    mixins: [script$1i, script$X],
     props: ['br', 'sort'],
     inject: ['_provideTable'],
     provide() {
@@ -5250,7 +5254,7 @@ var script$W = {
                 return t
               });
               if (key) {
-                return h(script$X, {key}, {default: () => row})
+                return h(script$W, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5306,11 +5310,11 @@ var script$W = {
     }
   };
 
-script$W.__file = "src/widgets/TableTHead.vue";
+script$V.__file = "src/widgets/TableTHead.vue";
 
-var script$V = {
+var script$U = {
     name: 'w-tbody',
-    mixins: [script$W, script$1i],
+    mixins: [script$V, script$1h],
     inject: ['_provideTable'],
     props: ['children'],
     provide() {
@@ -5378,12 +5382,12 @@ var script$V = {
     }
   };
 
-script$V.__file = "src/widgets/TableTBody.vue";
+script$U.__file = "src/widgets/TableTBody.vue";
 
-var script$U = {
+var script$T = {
     name: 'w-tr',
     pubParentName: 'w-tbody,w-thead',
-    mixins: [script$1j, script$1p],
+    mixins: [script$1i, script$1o],
     props: ['rowIndex', 'expanded', 'children'],
     inject: ['_provideTable', 'providePubParent', 'provideInBody', '_provideTBody', 'provideLevel', 'provideParentTR'],
     provide() {
@@ -5467,7 +5471,7 @@ var script$U = {
                 }
               }
               if (key) {
-                return h(script$X, {key}, {default: () => row})
+                return h(script$W, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5511,9 +5515,9 @@ var script$U = {
 
   };
 
-script$U.__file = "src/widgets/TableTR.vue";
+script$T.__file = "src/widgets/TableTR.vue";
 
-var script$T = {
+var script$S = {
     name: 'w-td',
     props: ['colspan', 'rowspan', 'align', 'valign', 'data'],
     inject: ['_provideTable', 'provideInBody'],
@@ -5550,11 +5554,11 @@ var script$T = {
     }
   };
 
-script$T.__file = "src/widgets/TableTD.vue";
+script$S.__file = "src/widgets/TableTD.vue";
 
-var script$S = {
+var script$R = {
     name: 'w-th',
-    mixins: [script$T, script$1j],
+    mixins: [script$S, script$1i],
     props: ['sortable', 'sortOrders', 'sortOrderDefault'],
     inject: ['_provideThead'],
     emits: ['click:sort'],
@@ -5589,7 +5593,7 @@ var script$S = {
         this.$emit('click:sort', e, o);
       },
       html_slots() {
-        return h(script$1g, {class: 'w-th-wrap', valign: 'middle', align: this.align || this.col.align}, {default: () => [
+        return h(script$1f, {class: 'w-th-wrap', valign: 'middle', align: this.align || this.col.align}, {default: () => [
           h('div', {class: 'w-th-title'}, this.$slots),
           this.x.sortable ? h('div', {class: 'w-th-sort f-flex-column f-flex-center f-oh'}, [
             h('i', {class: 'f-i f-i-caret-up f-oh w-th-sort-up', onClick: e => this.clickSort(e, 'asc')}),
@@ -5614,19 +5618,7 @@ var script$S = {
     }
   };
 
-script$S.__file = "src/widgets/TableTH.vue";
-
-var script$R = {
-    mixins: [script$1f],
-    emits: ['scroll'],
-    methods: {
-      onScroll(e) {
-        this.$emit('scroll', e);
-      },
-    }
-  };
-
-script$R.__file = "src/widgets/TreeV2Wrap.vue";
+script$R.__file = "src/widgets/TableTH.vue";
 
 const _hoisted_1$6 = { class: "'w-table-v2-th-text f-line-1" };
 const _hoisted_2$6 = { class: "w-tree-loading w-table-v2-loading" };
@@ -5802,6 +5794,10 @@ const props = __props;
     if (scrollTop.value !== e.target.scrollTop)
       scrollTop.value = e.target.scrollTop;
   };
+  
+  const onResize = () => {
+    initShowCount();
+  };
 
   // 树形数据扁平化
   const toFlat = (children, parent) => {
@@ -5987,13 +5983,14 @@ return (_ctx, _cache) => {
         ]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["style"]),
-      createVNode(script$R, {
+      createVNode(_component_w_vertical, {
         ref_key: "wrap",
         ref: wrap,
         height: "*",
         class: "w-table-v2-tbody",
         "scroll-y": true,
-        onScroll: onScroll
+        onScroll: onScroll,
+        onResize: onResize
       }, {
         default: withCtx(() => [
           (unref(loading))
@@ -6082,7 +6079,7 @@ script$Q.__file = "src/widgets/TableV2.vue";
 
 var script$P = {
     name: 'w-grid',
-    mixins: [script$1i],
+    mixins: [script$1h],
     props: ['columns', 'rows', 'gap', 'defaultColspan', 'face', 'labelWidth'],
     methods: {
       x_default() {
@@ -6131,7 +6128,7 @@ var script$O = {
     name: 'w-swiper-item',
     pubParentName: 'w-swiper',
     inject: ['providePubParent'],
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['lazy'],
     data() {
       return {
@@ -6168,7 +6165,7 @@ script$O.__file = "src/widgets/SwiperItem.vue";
 
 var script$N = {
     name: 'w-swiper',
-    mixins: [script$1j, script$Y],
+    mixins: [script$1i, script$X],
     props: ['arrow', 'indicatorDots', 'duration'],
     data() {
       return {
@@ -6263,7 +6260,7 @@ script$N.__file = "src/widgets/Swiper.vue";
 
 var script$M = {
     name: 'w-buttonbar',
-    mixins: [script$1g, script$Y],
+    mixins: [script$1f, script$X],
     props: ['vertical'],
 		emits: ['click:item'],
     methods: {
@@ -6376,7 +6373,7 @@ var script$L = {
 			},
       html_slots() {
 				let group = h(TransitionGroup, {name: 'w-tabbar', onBeforeEnter: this.onBeforeEnter, onAfterEnter: this.onAfterEnter, onBeforeLeave: this.onBeforeLeave, onAfterLeave: this.onAfterLeave}, {default: () => this.buttons});
-				let gut = [h(this.x.vertical ? script$1f : script$1g, {ref: 'gut', width: '*', class: 'w-tabbar-gut', gap: this.x.gap, align: this.x.align, valign: this.x.valign}, {default: () => group})];
+				let gut = [h(this.x.vertical ? script$1e : script$1f, {ref: 'gut', width: '*', class: 'w-tabbar-gut', gap: this.x.gap, align: this.x.align, valign: this.x.valign}, {default: () => group})];
 				if (this.$slots.append) {
           gut.push(h('div', {ref: 'append', class: 'w-tabbar-append'}, this.slot('append')));
         }
@@ -6387,7 +6384,7 @@ var script$L = {
 				if (this.x.quickCloseButton) {
 					let closeAllDisabled = !this.buttons.find(c => c.props.closable);
 					if (this.buttons.length) {
-						gut.push(h(script$12, {
+						gut.push(h(script$11, {
 							ref: 'quickCloseButton',
 							data: {isQuickCloseButton: true},
 							showArrowIcon: false,
@@ -6507,7 +6504,7 @@ script$L.__file = "src/widgets/TabBar.vue";
 var script$K = {
 		name: 'w-tabbutton',
     pubParentName: 'w-tabbar',
-    mixins: [script$12],
+    mixins: [script$11],
 		methods: {
 			vis() {
 				let add = [20, 20];
@@ -6531,7 +6528,7 @@ script$K.__file = "src/widgets/TabButton.vue";
 
 var script$J = {
     name: 'w-tabs',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['current', 'position', 'gap', 'face', 'quickCloseButton', 'flexSize'],
 		emits: ['click:quickCloseButton'],
     methods: {
@@ -6599,7 +6596,7 @@ script$I.__file = "src/widgets/Tab.vue";
 
 var script$H = {
     name: 'w-album',
-    mixins: [script$1g, script$Y],
+    mixins: [script$1f, script$X],
     methods: {
       x_default() {
         return {
@@ -6620,7 +6617,7 @@ script$H.__file = "src/widgets/Album.vue";
 
 var script$G = {
     name: 'w-html',
-    mixins: [script$1j, script$1h],
+    mixins: [script$1i, script$1g],
     props: ['line'],
     computed: {
       html_props() {
@@ -6643,7 +6640,7 @@ script$G.__file = "src/widgets/Html.vue";
 
 var script$F = {
     name: 'w-tree',
-    mixins: [script$1i, script$Y, script$1p],
+    mixins: [script$1h, script$X, script$1o],
     emits: ['click:item'],
     provide() {
       return {
@@ -6676,7 +6673,7 @@ var script$F = {
           const sl = this.slot('loading');
           r = sl && sl.length ? sl : h('div', {
             class: 'w-tree-loading'
-          }, h(script$15, {src: '#f-svg-loading-1', width: 28, height: 28}));
+          }, h(script$14, {src: '#f-svg-loading-1', width: 28, height: 28}));
         } else {
           let chd = this.x.children;
           if (this.$slots.default) {
@@ -6690,7 +6687,7 @@ var script$F = {
                   }
                 }
                 if (key) {
-                  return h(script$X, {key}, {default: () => leaf})
+                  return h(script$W, {key}, {default: () => leaf})
                 } else {
                   return leaf
                 }
@@ -6876,6 +6873,10 @@ const props = __props;
     if (scrollTop.value !== e.target.scrollTop)
       scrollTop.value = e.target.scrollTop;
   };
+  
+  const onResize = () => {
+    initShowCount();
+  };
 
   // 树形数据扁平化
   const toFlat = (children, parent) => {
@@ -7012,7 +7013,7 @@ const props = __props;
   };
   
   onMounted(async () => {
-    watch(() => root.value.wScrollSizeY, (ssy) => {
+    watch(() => root.value.wScrollSizeY, (ro) => {
       initShowCount();
     }, {immediate: true});
     watch(() => props.children, (children) => {
@@ -7037,13 +7038,15 @@ const props = __props;
 
 return (_ctx, _cache) => {
   const _component_w_img = resolveComponent("w-img");
+  const _component_w_vertical = resolveComponent("w-vertical");
 
-  return (openBlock(), createBlock(script$R, {
+  return (openBlock(), createBlock(_component_w_vertical, {
     ref_key: "root",
     ref: root,
     class: "w-tree w-tree-v2",
     "scroll-y": true,
-    onScroll: onScroll
+    onScroll: onScroll,
+    onResize: onResize
   }, {
     default: withCtx(() => [
       (unref(loading))
@@ -7109,7 +7112,7 @@ script$E.__file = "src/widgets/TreeV2.vue";
 
 var script$D = {
     name: 'w-label',
-    mixins: [script$1j, script$1h],
+    mixins: [script$1i, script$1g],
     props: ['text', 'suffix', 'vertical'],
     methods: {
       html_slots() {
@@ -7134,7 +7137,7 @@ var script$D = {
 script$D.__file = "src/widgets/Label.vue";
 
 var script$C = {
-    mixins: [script$1j, script$1h],
+    mixins: [script$1i, script$1g],
     props: ['name', 'value', 'modelValue', 'placeholder', 'label', 'readonly', 'readonlyValidate', 'disabled', 'required',
       'validateDefault', 'validateHandler', 'inputWidth', 'inputHeight' ],
     emits: ['update:modelValue', 'change', 'blur', 'focus'],
@@ -7771,7 +7774,7 @@ const {leafSymbol: leafSymbol$1,changeSymbol} = $$1.symbol;
         }, this.html_input())
       },
       html_target() {
-        return this.$slots.default ? h(script$1g, {
+        return this.$slots.default ? h(script$1f, {
           class: this.$options.name + '-target',
           width: '*',
           ref: 'target'
@@ -8028,7 +8031,7 @@ script$A.__file = "src/widgets/TripleBox.vue";
 var script$z = {
     name: 'w-leaf',
     pubParentName: 'w-tree',
-    mixins: [script$1j, script$1p],
+    mixins: [script$1i, script$1o],
     props: ['text', 'expanded', 'expandedIcon', 'collapsedIcon', 'icon', 'boxSync', 'src', 'disabled'],
     inject: ['providePubParent', 'provideLevel', 'provideParentLeaf', 'provideParentTR'],
     emits: ['click'],
@@ -8127,7 +8130,7 @@ var script$z = {
         let ico = this.isFolder() ? (exp ? this.x.expandedIcon : this.x.collapsedIcon) : this.x.icon;
         return h('div', mergeProps(this.html_attrs, this.html_props, this.$attrs), [
           this.loading ?
-          h(script$15, {
+          h(script$14, {
             src: '#f-svg-loading',
             class: 'w-leaf-loading'
           }) :
@@ -8139,7 +8142,7 @@ var script$z = {
             }
           }),
           this.$slots.box && this.$slots.box(),
-          ico && h(script$15, {
+          ico && h(script$14, {
             src: ico,
             class: 'w-leaf-icon'
           }),
@@ -8163,7 +8166,7 @@ var script$z = {
               }
             }
             if (key) {
-              return h(script$X, {key}, {default: () => leaf})
+              return h(script$W, {key}, {default: () => leaf})
             } else {
               return leaf
             }
@@ -8278,13 +8281,13 @@ var script$y = {
                this.html_face_normal()
       },
       html_buttons() {
-        return [h(script$12, {
+        return [h(script$11, {
           class: 'w-pagebar-button w-pagebar-prev',
           icon: '.f-i .f-i-angle-left',
           disabled: this.currentPage == 1,
           title: $$1.loc.page_text.prev,
           onclick: e => this.clickItem(e, this.currentPage - 1)
-        }), h(script$12, {
+        }), h(script$11, {
           class: 'w-pagebar-button w-pagebar-next',
           icon: '.f-i .f-i-angle-right',
           disabled: this.currentPage == this.sumPage,
@@ -8295,7 +8298,7 @@ var script$y = {
       html_drop() {
         let s = [];
         if (this.x.buttonCount) {
-          s.push(h(script$12, {
+          s.push(h(script$11, {
             class: 'w-pagebar-button w-pagebar-button-count w-pagebar-prev',
             ref: 'drop',
             text: this.currentPage + '/' + this.sumPage,
@@ -8304,8 +8307,8 @@ var script$y = {
         }
         if (this.showDrop) {
           let b = [];
-          for (let i = 1, sp = this.sumPage; i <= sp; i ++) b.push(h(script$12, {text: i, onClick: e => this.clickItem(e, i)}));
-          s.push(h(script$11, {snap: () => this.$refs.drop, position: 'v', indent: 1, onClose: () => this.showDrop = false}, {default: () => b}));
+          for (let i = 1, sp = this.sumPage; i <= sp; i ++) b.push(h(script$11, {text: i, onClick: e => this.clickItem(e, i)}));
+          s.push(h(script$10, {snap: () => this.$refs.drop, position: 'v', indent: 1, onClose: () => this.showDrop = false}, {default: () => b}));
         }
         return s
       },
@@ -8407,7 +8410,7 @@ script$y.__file = "src/widgets/PageBar.vue";
 
 var script$x = {
     name: 'w-split',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['collapsedIcon', 'expandedIcon', 'movable', 'range', 'toNext', 'expanded'],
     inject: ['provideLayout'],
     created() {
@@ -8508,7 +8511,7 @@ script$x.__file = "src/widgets/Split.vue";
 
 var script$w = {
     name: 'w-toggle',
-    mixins: [script$1j, script$1h],
+    mixins: [script$1i, script$1g],
     props: ['collapsedIcon', 'expandedIcon', 'expanded', 'align', 'valign'],
     methods: {
       x_default() {
@@ -8525,7 +8528,7 @@ var script$w = {
       html_slots() {
         let exp = this.x.expanded;
         let ico = exp ? this.x.expandedIcon : this.x.collapsedIcon;
-        return [ico && h(script$15, {
+        return [ico && h(script$14, {
           src: ico,
           class: 'w-toggle-icon',
         }), h('div', {class: 'w-toggle-main'}, this.$slots.default())]
@@ -8556,7 +8559,7 @@ script$w.__file = "src/widgets/Toggle.vue";
 
 var script$v = {
     name: 'w-video',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['src', 'poster'],
     data() {
       return {
@@ -8608,7 +8611,7 @@ script$v.__file = "src/widgets/Video.vue";
 
 var script$u = {
     name: 'w-progress',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['percent', 'range', 'text'],
     methods: {
       html_slots() {
@@ -8653,7 +8656,7 @@ script$u.__file = "src/widgets/Progress.vue";
 
 var script$t = {
     name: 'w-calendar',
-    mixins: [script$1j],
+    mixins: [script$1i],
     emits: ['click:item', 'change'],
     props: ['value', 'minValue', 'maxValue', 'current', 'pad', 'face', 'format', 'success', 'cg', 'start',
       'enableHour', 'enableMinute', 'enableSecond', 'defaultHour', 'defaultMinute', 'defaultSecond'
@@ -9425,7 +9428,7 @@ script$t.__file = "src/widgets/Calendar.vue";
 
 var script$s = {
     name: 'w-timeline',
-    mixins: [script$1i, script$Y],
+    mixins: [script$1h, script$X],
     props: ['face', 'vertical'],
     methods: {
       indent() {
@@ -9583,7 +9586,7 @@ script$s.__file = "src/widgets/Timeline.vue";
 var script$r = {
     name: 'w-timeline-item',
     pubParentName: 'w-timeline',
-    mixins: [script$1j],
+    mixins: [script$1i],
     inject: ['providePubParent'],
     props: ['position', 'index', 'align', 'lineColor'],
     watch: {
@@ -9626,7 +9629,7 @@ script$r.__file = "src/widgets/TimelineItem.vue";
 
 var script$q = {
     name: 'w-slidepicker',
-    mixins: [script$1j],
+    mixins: [script$1i],
     provide() {
       return {
         provideOptionParent: this,
@@ -9987,7 +9990,7 @@ var script$o = {
             scrollY: true
           };
 					dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1c, dropProps, this.$slots.suggest));
+					r.push(h(script$1b, dropProps, this.$slots.suggest));
 				}
         return r
       }
@@ -10935,7 +10938,7 @@ const suffixHooks = {
             onclick: e => this.remove(item)
           })];
 					if (value && this.$slots.menu) {
-						button.push(h(script$11, null, {
+						button.push(h(script$10, null, {
 							target: () => h('div', {
 								class: 'w-fileupload-value-menu f-i f-i-ellipsis',
 								title: $$1.loc.more,
@@ -10994,7 +10997,7 @@ const suffixHooks = {
             }, {
               default: () => [
                 this.$slots.button ? this.$slots.button(this) :
-                h(script$12, {
+                h(script$11, {
                   text: '选择文件',
                   icon: '.f-i .f-i-upload',
                   class: 'w-fileupload-button',
@@ -11286,7 +11289,7 @@ var script$g = {
             class: 'w-fileupload-bbr'
           }, {
             default: () => [
-              this.$slots.button ? this.$slots.button(this) : h(script$12, {
+              this.$slots.button ? this.$slots.button(this) : h(script$11, {
                 ref: 'uploadbutton',
                 title: $$1.loc.form.choose_image,
                 icon: '.f-i .f-i-plus',
@@ -11304,7 +11307,7 @@ var script$g = {
         ])
       },
       html_input() {
-        return this.html_input_form().concat(h(script$1g, {
+        return this.html_input_form().concat(h(script$1f, {
           width: '*',
           class: 'w-mediaupload-list',
           align: this.x.align,
@@ -11350,7 +11353,7 @@ script$f.__file = "src/widgets/ImageUpload.vue";
 
 var script$e = {
     name: 'w-option',
-    mixins: [script$1j],
+    mixins: [script$1i],
     props: ['value', 'text', 'disabled'],
     inject: ['provideOptionParent'],
     methods: {
@@ -11777,7 +11780,7 @@ var script$c = {
 						indent: 1
           };
 					dropProps = this.mergeDropProps(dropProps);
-          r.push(h(script$1c, dropProps, {
+          r.push(h(script$1b, dropProps, {
             default: () => h(script$t, {
               height: '*',
               pad: true,
@@ -11965,7 +11968,7 @@ var script$b = {
             scrollView: '.z-on'
 					};
           dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1c, dropProps, this.$slots));
+					r.push(h(script$1b, dropProps, this.$slots));
 				}
 				return r
       },
@@ -12432,7 +12435,7 @@ var script$7 = {
             scrollY: true
           };
 					dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1c, dropProps, this.$slots));
+					r.push(h(script$1b, dropProps, this.$slots));
 				}
         return [
           this.html_input_hidden(),
@@ -12905,7 +12908,7 @@ var script$6 = {
             scrollY: true
           };
 					dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1c, dropProps, this.$slots));
+					r.push(h(script$1b, dropProps, this.$slots));
 				}
         return [
           this.html_input_hidden(),
@@ -13373,7 +13376,7 @@ var script$1 = {
         this.x.modelValue = this.x.cancelable && this.x.modelValue == i ? '' : i;
       },
       html_star(i) {
-        return h(script$15, {
+        return h(script$14, {
           class: ['w-rate-star-icon', {'z-hv': this.hoverWrap && i <= this.hoverIndex, 'z-on': !this.hoverWrap && i <= this.x.modelValue}],
           src: '.f-i .f-i-star-full', 
           onMouseenter: e => this.hoverItem(e, i),
@@ -13523,9 +13526,9 @@ script$1.__file = "src/widgets/Rate.vue";
 script.__file = "src/widgets/Slider.vue";
 
 const components = [
-  script$1k, script$1e, script$1c, script$1a, script$18, script$16, script$11, script$10, 
-  script$P, script$1f, script$1g, script$$, script$_, script$Z, script$V, script$W, script$U, script$T, script$S, script$Q, script$N, script$O, script$J, script$I,
-  script$H, script$15, script$M, script$12, script$13, script$G, script$F, script$z, script$E, script$y, script$x, script$w, script$v, script$u, script$t, script$s, script$r, script$q,
+  script$1j, script$1d, script$1b, script$19, script$17, script$15, script$10, script$$, 
+  script$P, script$1e, script$1f, script$_, script$Z, script$Y, script$U, script$V, script$T, script$S, script$R, script$Q, script$N, script$O, script$J, script$I,
+  script$H, script$14, script$M, script$11, script$12, script$G, script$F, script$z, script$E, script$y, script$x, script$w, script$v, script$u, script$t, script$s, script$r, script$q,
   script$D, script$p, script$o, script$n, script$m, script$B, script$l, script$k, script$A, script$j, script$i, script$g, script$f, script$e,
   script$d, script$c, script$b, script$a, script$9, script$8, script$7, script$6, script$4, script$3, script$2, script$1, script
 ];