dfish-widget 1.0.45 → 1.0.47

package/lib/index.esm.js

@@ -2,7 +2,7 @@ import lodash from 'lodash';
 import jquery from 'jquery';
 import http from 'axios';
 import Qs from 'qs';
-import { nextTick, h, mergeProps, toRaw, resolveComponent, openBlock, createElementBlock, createStaticVNode, createElementVNode, createBlock, withCtx, Fragment, createVNode, renderList, toDisplayString, createTextVNode, createCommentVNode, Teleport, computed, resolveDirective, withDirectives, unref, renderSlot, TransitionGroup, normalizeClass, getCurrentInstance, ref, onMounted, watch, createSlots, resolveDynamicComponent, normalizeStyle, withModifiers } from 'vue';
+import { nextTick, h, mergeProps, toRaw, resolveComponent, openBlock, createElementBlock, createStaticVNode, createElementVNode, createBlock, withCtx, Fragment, createVNode, renderList, toDisplayString, createTextVNode, createCommentVNode, Teleport, computed, resolveDirective, withDirectives, unref, renderSlot, TransitionGroup, ref, onMounted, watch, normalizeStyle, normalizeClass, getCurrentInstance, createSlots, resolveDynamicComponent, withModifiers } from 'vue';
 import ResizeObserver$1 from 'resize-observer-polyfill';
 
 let u = navigator.userAgent.toLowerCase();
@@ -851,7 +851,7 @@ const snap = function(a, b, c, d, e, f, u) {
 		c = c.originalEvent || c;
 		c = {left: c.clientX, right: c.clientX, top: c.clientY, bottom: c.clientY};
 	}
-	var t = [], l = [], g, h, k = -1, f = number(f), ew = cvs.clientWidth, eh = cvs.clientHeight,
+	var t = [], l = [], g, h, k = -1, ew = cvs.clientWidth, eh = cvs.clientHeight,
 		s = d ? (_snaptype[d] || ('' + d).split(',')) : _snaptype.a;
 	if (/[1-4]/.test(s[0])) {// 1-4是边角对齐 .
 		for (var i = 0, o, p, m, n = 0; i < s.length; i ++) {
@@ -909,11 +909,19 @@ const snap = function(a, b, c, d, e, f, u) {
 	_snapMag.mag.t[y] && (o.mag_t = T$1, o.mag = 't');
 	_snapMag.inner[y] && (o.inner = T$1);
 	if (f && o.mag) {
-		if (o.inner) {
-			o.mag_t ? (o.top -= f, o.bottom += f) : o.mag_b ? (o.top += f, o.bottom -= f) : o.mag_r ? (o.left += f, o.right -= f) : (o.left -= f, o.right += f);
-		} else {
-			o.mag_t ? (o.top += f, o.bottom -= f) : o.mag_b ? (o.top -= f, o.bottom += f) : o.mag_r ? (o.left -= f, o.right += f) : (o.left += f, o.right -= f);
-		}
+    var i = f.indent || number(f);
+    if (i) {
+      i = i / (window.devicePixelRatio || 1);
+      if (o.inner) {
+      	o.mag_t ? (o.top -= i, o.bottom += i) : o.mag_b ? (o.top += i, o.bottom -= i) : o.mag_r ? (o.left += i, o.right -= i) : (o.left -= i, o.right += i);
+      } else {
+      	o.mag_t ? (o.top += i, o.bottom -= i) : o.mag_b ? (o.top -= i, o.bottom += i) : o.mag_r ? (o.left -= i, o.right += i) : (o.left += i, o.right -= i);
+      }
+    }
+    f.top && (o.top -= f.top);
+    f.bottom && (o.bottom -= f.bottom);
+    f.left && (o.left -= f.left);
+    f.right && (o.right -= f.right);
 	}
 	if (e) {// 自适应位置  
 		var l = o.left, r = o.right, b = o.bottom, t = o.top;
@@ -1804,7 +1812,7 @@ function directive(Vue) {
 
 const bindCache = {};
 
-  var script$1k = {
+  var script$1m = {
     props: ['data', 'width', 'height', 'colspan', 'rowspan', 'ownproperty', 'orientUid'],
     data() {
       return {
@@ -2069,9 +2077,9 @@ const bindCache = {};
     }
   };
 
-script$1k.__file = "src/widgets/WidgetAbs.vue";
+script$1m.__file = "src/widgets/WidgetAbs.vue";
 
-var script$1j = {
+var script$1l = {
     props: ['src', 'children', 'parentItem'],
     data() {
       return {
@@ -2088,14 +2096,14 @@ var script$1j = {
         if (src && !this.loading) {
           this.showLoading(true);
           if (typeof src === 'function') {
-            src(this).then(res => {
+            return src(this).then(res => {
               this.showLoading(false);
               this.loaded = true;
               fn && fn();
             }).catch(ex => {
               this.showLoading(false);
               this.loaded = true;
-            });
+            })
           }
         }
       },
@@ -2105,11 +2113,11 @@ var script$1j = {
     }
   };
 
-script$1j.__file = "src/widgets/SrcParent.vue";
+script$1l.__file = "src/widgets/SrcParent.vue";
 
-var script$1i = {
+var script$1k = {
     name: 'w-view',
-    mixins: [script$1j],
+    mixins: [script$1l],
     provide() {
       return {
         provideView: this
@@ -2126,9 +2134,6 @@ var script$1i = {
       this.popCommanders = {};
     },
     methods: {
-      reload() {
-        this.request();
-      },
       find(a) {
         const b = this.el().querySelectorAll(`[w-key="${a}"]`);
         for (let c of b) {
@@ -2308,20 +2313,20 @@ var script$1i = {
     }
   };
 
-script$1i.__file = "src/widgets/ViewAbs.vue";
+script$1k.__file = "src/widgets/ViewAbs.vue";
 
-var script$1h = {
+var script$1j = {
     name: 'w-svg-loading'
   };
 
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   style: {"display":"none","width":"0","height":"0"},
   width: "0",
   height: "0",
   focusable: "false",
   "aria-hidden": "true"
 };
-const _hoisted_2$7 = /*#__PURE__*/createStaticVNode("<symbol id=\"f-svg-loading\" viewBox=\"0 0 50 50\"><path d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\" transform=\"rotate(86.9154 25 25)\"></path></symbol><symbol id=\"f-svg-loading-1\" viewBox=\"10 10 80 80\"><circle cx=\"50\" cy=\"50\" r=\"30\"></circle></symbol><symbol id=\"f-svg-loading-2\" viewBox=\"0 0 24 30\"><rect x=\"0\" y=\"8.66115\" width=\"4\" height=\"12.6777\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect><rect x=\"8\" y=\"6.16115\" width=\"4\" height=\"17.6777\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect><rect x=\"16\" y=\"6.33885\" width=\"4\" height=\"17.3223\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect></symbol>", 3);
+const _hoisted_2$8 = /*#__PURE__*/createStaticVNode("<symbol id=\"f-svg-loading\" viewBox=\"0 0 50 50\"><path d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\" transform=\"rotate(86.9154 25 25)\"></path></symbol><symbol id=\"f-svg-loading-1\" viewBox=\"0 0 50 50\"><circle cx=\"25\" cy=\"25\" r=\"20\"></circle></symbol><symbol id=\"f-svg-loading-2\" viewBox=\"0 0 24 30\"><rect x=\"0\" y=\"8.66115\" width=\"4\" height=\"12.6777\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect><rect x=\"8\" y=\"6.16115\" width=\"4\" height=\"17.6777\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0.15s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect><rect x=\"16\" y=\"6.33885\" width=\"4\" height=\"17.3223\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2; 1; .2\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"height\" values=\"10; 20; 10\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate><animate attributeName=\"y\" values=\"10; 5; 10\" begin=\"0.3s\" dur=\"0.6s\" repeatCount=\"indefinite\"></animate></rect></symbol>", 3);
 const _hoisted_5$2 = /*#__PURE__*/createElementVNode("symbol", {
   id: "f-svg-loading-3",
   viewBox: "0 0 1024 1024"
@@ -2332,18 +2337,18 @@ const _hoisted_5$2 = /*#__PURE__*/createElementVNode("symbol", {
   })
 ], -1 /* HOISTED */);
 const _hoisted_6$2 = [
-  _hoisted_2$7,
+  _hoisted_2$8,
   _hoisted_5$2
 ];
 
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_6$2))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_6$2))
 }
 
-script$1h.render = render$8;
-script$1h.__file = "src/assets/SVGIcon.vue";
+script$1j.render = render$8;
+script$1j.__file = "src/assets/SVGIcon.vue";
 
-var script$1g = {
+var script$1i = {
     props: ['data'],
     data() {
       return {
@@ -2384,10 +2389,10 @@ var script$1g = {
     }
   };
 
-const _hoisted_1$8 = { class: "f-height f-rel f-oh" };
-const _hoisted_2$6 = ["src"];
-const _hoisted_3$4 = { class: "_rotate" };
-const _hoisted_4$2 = /*#__PURE__*/createElementVNode("span", { class: "_s" }, "|", -1 /* HOISTED */);
+const _hoisted_1$9 = { class: "f-height f-rel f-oh" };
+const _hoisted_2$7 = ["src"];
+const _hoisted_3$5 = { class: "_rotate" };
+const _hoisted_4$3 = /*#__PURE__*/createElementVNode("span", { class: "_s" }, "|", -1 /* HOISTED */);
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_w_swiper_item = resolveComponent("w-swiper-item");
@@ -2418,11 +2423,11 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.imgs, (item, index) => {
                   return (openBlock(), createBlock(_component_w_swiper_item, { key: index }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$8, [
+                      createElementVNode("div", _hoisted_1$9, [
                         createElementVNode("img", {
                           class: "_img",
                           src: item
-                        }, null, 8 /* PROPS */, _hoisted_2$6)
+                        }, null, 8 /* PROPS */, _hoisted_2$7)
                       ])
                     ]),
                     _: 2 /* DYNAMIC */
@@ -2431,12 +2436,12 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["current", "arrow", "indicator-dots"]),
-            createElementVNode("div", _hoisted_3$4, [
+            createElementVNode("div", _hoisted_3$5, [
               createElementVNode("a", {
                 class: "_l",
                 onClick: _cache[0] || (_cache[0] = $event => ($options.rot(-1)))
               }, toDisplayString($options.loc.rotate_left), 1 /* TEXT */),
-              _hoisted_4$2,
+              _hoisted_4$3,
               createElementVNode("a", {
                 class: "_r",
                 onClick: _cache[1] || (_cache[1] = $event => ($options.rot(1)))
@@ -2457,10 +2462,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1g.render = render$7;
-script$1g.__file = "src/template/TemplatePreviewMedia.vue";
+script$1i.render = render$7;
+script$1i.__file = "src/template/TemplatePreviewMedia.vue";
 
-var script$1f = {
+var script$1h = {
     props: ['data'],
     data() {
       let f = this.data.format || 'yyyy-MM-dd';
@@ -2961,12 +2966,12 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1f.render = render$6;
-script$1f.__file = "src/template/TemplateDateSheet.vue";
+script$1h.render = render$6;
+script$1h.__file = "src/template/TemplateDateSheet.vue";
 
-var script$1e = {
+var script$1g = {
     name: 'w-docview',
-    mixins: [script$1k, script$1i],
+    mixins: [script$1m, script$1k],
     provide() {
       return {
         providePubParent: null,
@@ -2988,15 +2993,15 @@ var script$1e = {
         return null
       },
       previewVideo(src) {
-        this.pop(script$1g, {data: {type: 'video', src}});
+        this.pop(script$1i, {data: {type: 'video', src}});
       },
       previewImage(imgs, options) {
-        this.pop(script$1g, {data: {type: 'image', imgs, options}});
+        this.pop(script$1i, {data: {type: 'image', imgs, options}});
       },
       //dateOptions: {value, format, minValue, maxValue, success}
       dateSheet(dateOptions, dialogOptions) {
-        this.pop(script$1f, {
-          template: script$1f,
+        this.pop(script$1h, {
+          template: script$1h,
           width: '100%',
           height: '55%',
           position: 'b',
@@ -3012,20 +3017,20 @@ var script$1e = {
         return [
           this.$slots.default && this.$slots.default(),
           this.html_pops(),
-          h(script$1h),
+          h(script$1j),
         ]
       }
     }
   };
 
-script$1e.__file = "src/widgets/DocView.vue";
+script$1g.__file = "src/widgets/DocView.vue";
 
-var script$1d = {
-    mixins: [script$1k],
+var script$1f = {
+    mixins: [script$1m],
     inject: ['provideView']
   };
 
-script$1d.__file = "src/widgets/WidgetBase.vue";
+script$1f.__file = "src/widgets/WidgetBase.vue";
 
 const onScroll = function(e) {
     if (this.wScrollPercentX) {
@@ -3066,8 +3071,8 @@ const onScroll = function(e) {
     }, dnEv);
   };
 
-  var script$1c = {
-    mixins: [script$1d],
+  var script$1e = {
+    mixins: [script$1f],
     props: ['scrollX', 'scrollY', 'scrollView', 'scrollFlex'],
     data() {
       return {
@@ -3353,9 +3358,9 @@ const onScroll = function(e) {
     }
   };
 
-script$1c.__file = "src/widgets/Scroll.vue";
+script$1e.__file = "src/widgets/Scroll.vue";
 
-var script$1b = {
+var script$1d = {
     props: ['align', 'valign', 'gap'],
     computed: {
       dir() {
@@ -3370,11 +3375,11 @@ var script$1b = {
     }
   };
 
-script$1b.__file = "src/widgets/AlignParent.vue";
+script$1d.__file = "src/widgets/AlignParent.vue";
 
-var script$1a = {
+var script$1c = {
     name: 'w-horizontal',
-    mixins: [script$1c, script$1b],
+    mixins: [script$1e, script$1d],
     props: ['br', 'reverse'],
     provide() {
       return {
@@ -3426,11 +3431,11 @@ var script$1a = {
     }
   };
 
-script$1a.__file = "src/widgets/Horizontal.vue";
+script$1c.__file = "src/widgets/Horizontal.vue";
 
-var script$19 = {
+var script$1b = {
     name: 'w-vertical',
-    mixins: [script$1a],
+    mixins: [script$1c],
     computed: {
       dir() {
         return 'v'
@@ -3438,11 +3443,11 @@ var script$19 = {
     }
   };
 
-script$19.__file = "src/widgets/Vertical.vue";
+script$1b.__file = "src/widgets/Vertical.vue";
 
-var script$18 = {
+var script$1a = {
     name: 'w-view',
-    mixins: [script$19, script$1i],
+    mixins: [script$1b, script$1k],
     inject: ['provideView'],
     methods: {
 			html_slots() {
@@ -3459,7 +3464,7 @@ var script$18 = {
     }
   };
 
-script$18.__file = "src/widgets/View.vue";
+script$1a.__file = "src/widgets/View.vue";
 
 const O = {},
     T = true,
@@ -3476,11 +3481,11 @@ const O = {},
 	  return typeof a === 'string' && a.split(',').map(v => positionHooks[v] || v).join()
 	};
 
-  var script$17 = {
+  var script$19 = {
     name: 'w-dialog',
-    mixins: [script$18],
+    mixins: [script$1a],
     props: ['title', 'autoHide', 'context', 'prong', 'independent', 'timeout',
-      'cover', 'position', 'snap', 'indent', 'local', 'fullScreen', 'hoverShowDrop', 'visible',
+      'cover', 'position', 'snap', 'indent', 'offsetRange', 'local', 'fullScreen', 'hoverShowDrop', 'visible',
 			...boundary
     ],
     emits: ['close', 'click:cover', 'update:visible'],
@@ -3853,12 +3858,12 @@ const O = {},
     }
   };
 
-script$17.__file = "src/widgets/Dialog.vue";
+script$19.__file = "src/widgets/Dialog.vue";
 
-const _hoisted_1$7 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
+const _hoisted_1$8 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
   
   
-var script$16 = {
+var script$18 = {
   __name: 'TemplateAlert',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -3926,7 +3931,7 @@ return (_ctx, _cache) => {
             onClick: close
           }, {
             default: withCtx(() => [
-              _hoisted_1$7
+              _hoisted_1$8
             ]),
             _: 1 /* STABLE */
           })
@@ -3991,11 +3996,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$16.__file = "src/template/TemplateAlert.vue";
+script$18.__file = "src/template/TemplateAlert.vue";
 
-var script$15 = {
+var script$17 = {
     name: 'w-alert',
-    mixins: [script$17],
+    mixins: [script$19],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4013,7 +4018,7 @@ var script$15 = {
       },
       html_slots_default() {
         return h(
-          script$16,
+          script$18,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4029,12 +4034,12 @@ var script$15 = {
     }
   };
 
-script$15.__file = "src/widgets/Alert.vue";
+script$17.__file = "src/widgets/Alert.vue";
 
-const _hoisted_1$6 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
+const _hoisted_1$7 = /*#__PURE__*/createElementVNode("i", { class: "w-alert-close-icon f-i f-i-close" }, null, -1 /* HOISTED */);
   
   
-var script$14 = {
+var script$16 = {
   __name: 'TemplateConfirm',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4102,7 +4107,7 @@ return (_ctx, _cache) => {
             onClick: close
           }, {
             default: withCtx(() => [
-              _hoisted_1$6
+              _hoisted_1$7
             ]),
             _: 1 /* STABLE */
           })
@@ -4174,11 +4179,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$14.__file = "src/template/TemplateConfirm.vue";
+script$16.__file = "src/template/TemplateConfirm.vue";
 
-var script$13 = {
+var script$15 = {
     name: 'w-confirm',
-    mixins: [script$17],
+    mixins: [script$19],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4197,7 +4202,7 @@ var script$13 = {
       },
       html_slots_default() {
         return h(
-          script$14,
+          script$16,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4213,17 +4218,17 @@ var script$13 = {
     }
   };
 
-script$13.__file = "src/widgets/Confirm.vue";
+script$15.__file = "src/widgets/Confirm.vue";
 
-const _hoisted_1$5 = { class: "w-tip-body" };
-const _hoisted_2$5 = {
+const _hoisted_1$6 = { class: "w-tip-body" };
+const _hoisted_2$6 = {
   key: 0,
   class: "w-tip-text"
 };
-const _hoisted_3$3 = ["innerHTML"];
+const _hoisted_3$4 = ["innerHTML"];
 
 
-var script$12 = {
+var script$14 = {
   __name: 'TemplateTip',
   props: ['text', 'escape'],
   setup(__props) {
@@ -4231,15 +4236,15 @@ var script$12 = {
   
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", _hoisted_1$5, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$6, [
     renderSlot(_ctx.$slots, "text", {}, () => [
       (__props.escape)
-        ? (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(__props.text), 1 /* TEXT */))
+        ? (openBlock(), createElementBlock("div", _hoisted_2$6, toDisplayString(__props.text), 1 /* TEXT */))
         : (openBlock(), createElementBlock("div", {
             key: 1,
             class: "w-tip-text",
             innerHTML: __props.text
-          }, null, 8 /* PROPS */, _hoisted_3$3))
+          }, null, 8 /* PROPS */, _hoisted_3$4))
     ])
   ]))
 }
@@ -4247,16 +4252,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$12.__file = "src/template/TemplateTip.vue";
+script$14.__file = "src/template/TemplateTip.vue";
 
 let inst$1 = null;
   let tipCache = {
     time: new Date().getTime()
   };
   
-  var script$11 = {
+  var script$13 = {
     name: 'w-tip',
-    mixins: [script$17],
+    mixins: [script$19],
     props: ['face', 'text', 'escape'],
     methods: {
       x_default() {
@@ -4268,7 +4273,7 @@ let inst$1 = null;
         }
       },
       html_slots_default() {
-        return h(script$12, {text: this.x.text, escape: this.x.escape}, this.$slots)
+        return h(script$14, {text: this.x.text, escape: this.x.escape}, this.$slots)
       }
     },
     computed: {
@@ -4293,12 +4298,12 @@ let inst$1 = null;
     }
   };
 
-script$11.__file = "src/widgets/Tip.vue";
+script$13.__file = "src/widgets/Tip.vue";
 
-var script$10 = {
+var script$12 = {
     name: 'w-img',
     pubParentName: 'w-album',
-    mixins: [script$1d],
+    mixins: [script$1f],
     inject: ['providePubParent'],
     props: ['src', 'text', 'square', 'imgWidth', 'imgHeight', 'dataUrl', 'vertical', 'disabled'],
     data() {
@@ -4344,7 +4349,7 @@ var script$10 = {
               class: 'w-img-cover f-abs-full'
             }, this.$slots.cover())
           ]),
-          cont && h(script$19, {
+          cont && h(script$1b, {
             class: 'w-img-description'
           }, cont)
         ]
@@ -4378,11 +4383,11 @@ var script$10 = {
     }
   };
 
-script$10.__file = "src/widgets/Img.vue";
+script$12.__file = "src/widgets/Img.vue";
 
-var script$$ = {
+var script$11 = {
     pubParentName: 'w-buttonbar',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['text', 'icon', 'focusIcon', 'face', 'target', 'closable', 'loading', 'disabled', 'vertical', 'hoverShowDrop', 'dropProps', 'dropIcon', 'showDropIcon'],
     inject: ['providePubParent', 'provideMenu_w'],
     emits: ['click:close', 'dropClose'],
@@ -4471,7 +4476,7 @@ var script$$ = {
         if (this.x.loading) {
           r.push(h('div', {
             class: 'w-button-loading f-abs-full f-flex-center'
-          }, h(script$10, {
+          }, h(script$12, {
             src: '#f-svg-loading'
           })));
         }
@@ -4486,7 +4491,7 @@ var script$$ = {
           }, h('span', {class: 'w-button-text-line f-line-1', title}, t)));
         }
         if (this.isMore && this.x.showDropIcon) {
-          r.push(h(script$10, {
+          r.push(h(script$12, {
             class: 'w-button-more f-flex-center f-height',
             src: this.x.dropIcon || '.f-i .f-i-caret-down'
           }));
@@ -4504,7 +4509,7 @@ var script$$ = {
             class: 'w-button-main f-oh f-height',
             ...(this.isCombo && !this.isDisabled && this.mouses),
           }, r),
-          this.isCombo && h(script$10, {
+          this.isCombo && h(script$12, {
             class: 'w-button-drop f-flex-center f-height',
             src: this.x.dropIcon || '.f-i .f-i-caret-down',
             ...(!this.isDisabled && this.mouses),
@@ -4555,11 +4560,11 @@ var script$$ = {
     }
   };
 
-script$$.__file = "src/widgets/ButtonAbs.vue";
+script$11.__file = "src/widgets/ButtonAbs.vue";
 
-var script$_ = {
+var script$10 = {
     name: 'w-menubutton',
-    mixins: [script$$],
+    mixins: [script$11],
     methods: {
 			ajax(...args) {
 			  return this.parentMenu.rootCommander.ajax(...args)
@@ -4622,7 +4627,7 @@ var script$_ = {
             onclick: this.clickClose
           })));
         }
-        r.push(h(script$10, {
+        r.push(h(script$12, {
           class: 'w-menubutton-drop f-flex-center f-height',
           src: this.isMore ? (this.x.dropIcon || '.f-i .f-i-caret-right') : ''
         }));
@@ -4633,7 +4638,7 @@ var script$_ = {
             ownproperty: true,
             snap: () => this.el(),
             position: '21,12',
-            indent: 1,
+            indent: {top: 1, bottom: 1},
             onClose: () => this.showDrop = null
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
@@ -4662,7 +4667,8 @@ var script$_ = {
           disabled: this.x.disabled,
           class: {
             'z-on': this.isCurrent,
-            'z-ds': this.x.disabled
+            'z-ds': this.x.disabled,
+            'z-drop': this.showDrop,
           },
           onmouseenter: this.onmouseenter,
           onmouseleave: !this.x.disabled && (e => e.currentTarget.classList.remove('z-hv')),
@@ -4672,11 +4678,11 @@ var script$_ = {
     },
   };
 
-script$_.__file = "src/widgets/MenuButton.vue";
+script$10.__file = "src/widgets/MenuButton.vue";
 
-var script$Z = {
+var script$$ = {
     name: 'w-button',
-    mixins: [script$$],
+    mixins: [script$11],
     props: ['autoMenuButton'],
     methods: {
       x_default() {
@@ -4688,14 +4694,14 @@ var script$Z = {
     },
     render() {
       if (this.provideMenu_w && this.x.autoMenuButton) {
-        return h(script$_, this.$props, this.$slots)
+        return h(script$10, this.$props, this.$slots)
       } else {
         return this.html()
       }
     }
   };
 
-script$Z.__file = "src/widgets/Button.vue";
+script$$.__file = "src/widgets/Button.vue";
 
 let inst = null;
 	
@@ -4710,9 +4716,9 @@ let inst = null;
 		return inst && (ctx.hasBubble(inst.context) || inst.hasBubble(ctx))
 	}
 
-  var script$Y = {
+  var script$_ = {
     name: 'w-menu',
-    mixins: [script$17],
+    mixins: [script$19],
     provide() {
       return {
         provideMenu_w: this
@@ -4781,7 +4787,7 @@ let inst = null;
           }, h('i', {
             class: 'f-i f-i-caret-up'
           })),
-          h(script$19, {
+          h(script$1b, {
             class: 'w-menu-bbr',
             height: '*',
             ref: 'bbr',
@@ -4836,11 +4842,11 @@ let inst = null;
     }
   };
 
-script$Y.__file = "src/widgets/Menu.vue";
+script$_.__file = "src/widgets/Menu.vue";
 
-var script$X = {
+var script$Z = {
     name: 'w-loading',
-    mixins: [script$17],
+    mixins: [script$19],
     props: ['text', 'icon'],
     methods: {
       x_default() {
@@ -4849,7 +4855,7 @@ var script$X = {
         }
       },
       html_slots() {
-        return h(script$10, {
+        return h(script$12, {
           src: this.x.icon !== undefined ? this.x.icon : '#f-svg-loading',
           text: this.x.text !== undefined ? this.x.text : $$1.loc.loading
         })
@@ -4862,11 +4868,11 @@ var script$X = {
     }
   };
 
-script$X.__file = "src/widgets/Loading.vue";
+script$Z.__file = "src/widgets/Loading.vue";
 
-var script$W = {
+var script$Y = {
     name: 'w-table',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['face', 'scroll-x', 'scroll-y'],
     provide() {
       return {
@@ -4943,22 +4949,22 @@ var script$W = {
     }
   };
 
-script$W.__file = "src/widgets/Table.vue";
+script$Y.__file = "src/widgets/Table.vue";
 
-var script$V = {
+var script$X = {
     name: 'w-columns'
   };
 
-script$V.__file = "src/widgets/TableColumns.vue";
+script$X.__file = "src/widgets/TableColumns.vue";
 
-var script$U = {
+var script$W = {
     name: 'w-column',
     props: ['width', 'minWidth'],
   };
 
-script$U.__file = "src/widgets/TableColumn.vue";
+script$W.__file = "src/widgets/TableColumn.vue";
 
-var script$T = {
+var script$V = {
     props: ['pub', 'current'],
     provide() {
       return {
@@ -4989,21 +4995,21 @@ var script$T = {
     }
   };
 
-script$T.__file = "src/widgets/PubParent.vue";
+script$V.__file = "src/widgets/PubParent.vue";
 
 function render$5(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "default")
 }
 
-const script$S = {};
+const script$U = {};
 
 
-script$S.render = render$5;
-script$S.__file = "src/widgets/SlotDefault.vue";
+script$U.render = render$5;
+script$U.__file = "src/widgets/SlotDefault.vue";
 
-var script$R = {
+var script$T = {
     name: 'w-thead',
-    mixins: [script$1d, script$T],
+    mixins: [script$1f, script$V],
     props: ['br', 'sort'],
     inject: ['_provideTable'],
     provide() {
@@ -5040,7 +5046,7 @@ var script$R = {
                 return t
               });
               if (key) {
-                return h(script$S, {key}, {default: () => row})
+                return h(script$U, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5096,11 +5102,11 @@ var script$R = {
     }
   };
 
-script$R.__file = "src/widgets/TableTHead.vue";
+script$T.__file = "src/widgets/TableTHead.vue";
 
-var script$Q = {
+var script$S = {
     name: 'w-tbody',
-    mixins: [script$R, script$1c],
+    mixins: [script$T, script$1e],
     inject: ['_provideTable'],
     props: ['children'],
     provide() {
@@ -5168,12 +5174,12 @@ var script$Q = {
     }
   };
 
-script$Q.__file = "src/widgets/TableTBody.vue";
+script$S.__file = "src/widgets/TableTBody.vue";
 
-var script$P = {
+var script$R = {
     name: 'w-tr',
     pubParentName: 'w-tbody,w-thead',
-    mixins: [script$1d, script$1j],
+    mixins: [script$1f, script$1l],
     props: ['rowIndex', 'expanded', 'children'],
     inject: ['_provideTable', 'providePubParent', 'provideInBody', '_provideTBody', 'provideLevel', 'provideParentTR'],
     provide() {
@@ -5257,7 +5263,7 @@ var script$P = {
                 }
               }
               if (key) {
-                return h(script$S, {key}, {default: () => row})
+                return h(script$U, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5301,9 +5307,9 @@ var script$P = {
 
   };
 
-script$P.__file = "src/widgets/TableTR.vue";
+script$R.__file = "src/widgets/TableTR.vue";
 
-var script$O = {
+var script$Q = {
     name: 'w-td',
     props: ['colspan', 'rowspan', 'align', 'valign', 'data'],
     inject: ['_provideTable', 'provideInBody'],
@@ -5340,11 +5346,11 @@ var script$O = {
     }
   };
 
-script$O.__file = "src/widgets/TableTD.vue";
+script$Q.__file = "src/widgets/TableTD.vue";
 
-var script$N = {
+var script$P = {
     name: 'w-th',
-    mixins: [script$O, script$1d],
+    mixins: [script$Q, script$1f],
     props: ['sortable', 'sortOrders', 'sortOrderDefault'],
     inject: ['_provideThead'],
     emits: ['click:sort'],
@@ -5379,7 +5385,7 @@ var script$N = {
         this.$emit('click:sort', e, o);
       },
       html_slots() {
-        return h(script$1a, {class: 'w-th-wrap', valign: 'middle', align: this.align || this.col.align}, {default: () => [
+        return h(script$1c, {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')}),
@@ -5404,11 +5410,11 @@ var script$N = {
     }
   };
 
-script$N.__file = "src/widgets/TableTH.vue";
+script$P.__file = "src/widgets/TableTH.vue";
 
-var script$M = {
+var script$O = {
     name: 'w-grid',
-    mixins: [script$1c],
+    mixins: [script$1e],
     props: ['columns', 'rows', 'gap', 'defaultColspan', 'face', 'labelWidth'],
     methods: {
       x_default() {
@@ -5450,13 +5456,13 @@ var script$M = {
     }
   };
 
-script$M.__file = "src/widgets/Grid.vue";
+script$O.__file = "src/widgets/Grid.vue";
 
-var script$L = {
+var script$N = {
     name: 'w-swiper-item',
     pubParentName: 'w-swiper',
     inject: ['providePubParent'],
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['lazy'],
     data() {
       return {
@@ -5489,11 +5495,11 @@ var script$L = {
     }
   };
 
-script$L.__file = "src/widgets/SwiperItem.vue";
+script$N.__file = "src/widgets/SwiperItem.vue";
 
-var script$K = {
+var script$M = {
     name: 'w-swiper',
-    mixins: [script$1d, script$T],
+    mixins: [script$1f, script$V],
     props: ['arrow', 'indicatorDots', 'duration'],
     data() {
       return {
@@ -5578,11 +5584,11 @@ var script$K = {
     }
   };
 
-script$K.__file = "src/widgets/Swiper.vue";
+script$M.__file = "src/widgets/Swiper.vue";
 
-var script$J = {
+var script$L = {
     name: 'w-buttonbar',
-    mixins: [script$1a, script$T],
+    mixins: [script$1c, script$V],
     props: ['vertical'],
 		emits: ['click:item'],
     methods: {
@@ -5614,11 +5620,11 @@ var script$J = {
 		}
   };
 
-script$J.__file = "src/widgets/ButtonBar.vue";
+script$L.__file = "src/widgets/ButtonBar.vue";
 
-var script$I = {
+var script$K = {
     name: 'w-tabbar',
-    mixins: [script$J],
+    mixins: [script$L],
     props: ['vertical', 'arrow', 'quickCloseButton', 'flexSize', 'buttons'],
 		emits: ['click:item', 'click:quickCloseButton'],
 		data() {
@@ -5695,7 +5701,7 @@ var script$I = {
 			},
       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$19 : script$1a, {ref: 'gut', 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$1b : script$1c, {ref: 'gut', class: 'w-tabbar-gut', gap: this.x.gap, align: this.x.align, valign: this.x.valign}, {default: () => group})];
 				if (this.x.arrow) {
 					gut.unshift(h('div', {class: 'w-tabbar-arrow-start', onClick: () => this.clickArrow(-1)}, h('i', {class: 'f-i f-i-caret-left'})));
 					gut.push(h('div', {class: 'w-tabbar-arrow-end', onClick: () => this.clickArrow(1)}, h('i', {class: 'f-i f-i-caret-right'})));
@@ -5703,7 +5709,7 @@ var script$I = {
 				if (this.x.quickCloseButton) {
 					let closeAllDisabled = !this.buttons.find(c => c.props.closable);
 					if (this.buttons.length) {
-						gut.push(h(script$Z, {
+						gut.push(h(script$$, {
 							ref: 'quickCloseButton',
 							data: {isQuickCloseButton: true},
 							showDropIcon: false,
@@ -5712,7 +5718,7 @@ var script$I = {
 							onDropClose: this.onMouseleave
 						}, {
 							default: () => [
-								h(script$Z, {text: '关闭全部标签', onClick: this.closeAll, disabled: closeAllDisabled})
+								h(script$$, {text: '关闭全部标签', onClick: this.closeAll, disabled: closeAllDisabled})
 							]
 						}));
 					}
@@ -5814,12 +5820,12 @@ var script$I = {
 		}
   };
 
-script$I.__file = "src/widgets/TabBar.vue";
+script$K.__file = "src/widgets/TabBar.vue";
 
-var script$H = {
+var script$J = {
 		name: 'w-tabbutton',
     pubParentName: 'w-tabbar',
-    mixins: [script$Z],
+    mixins: [script$$],
 		methods: {
 			vis() {
 				let add = [20, 20];
@@ -5839,11 +5845,11 @@ var script$H = {
 		}
   };
 
-script$H.__file = "src/widgets/TabButton.vue";
+script$J.__file = "src/widgets/TabButton.vue";
 
-var script$G = {
+var script$I = {
     name: 'w-tabs',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['current', 'position', 'gap', 'face', 'quickCloseButton', 'flexSize'],
 		emits: ['click:quickCloseButton'],
     methods: {
@@ -5871,11 +5877,11 @@ var script$G = {
           if (!v.props || v.props.key == null) {
             $$1.lodash.set(v, 'props.key', i);
           }
-          buttons.push(h(script$H, v.props));
-          pages.push(h(script$L, {lazy: v.props.lazy == null ? true : v.props.lazy, key: v.props.key}, v.children));
+          buttons.push(h(script$J, v.props));
+          pages.push(h(script$N, {lazy: v.props.lazy == null ? true : v.props.lazy, key: v.props.key}, v.children));
         });
         return [
-          h(script$I, {
+          h(script$K, {
 						ref: 'tabBar',
             class: 'w-tabs-buttonbar',
             current: this.x.current,
@@ -5888,7 +5894,7 @@ var script$G = {
             'onClick:quickCloseButton': this.clickQuickCloseButton,
 						buttons,
           }),
-          h(script$K, {class: 'w-tabs-swiper f-flex-1 f-oh', current: this.x.current}, {default: () => pages}),
+          h(script$M, {class: 'w-tabs-swiper f-flex-1 f-oh', current: this.x.current}, {default: () => pages}),
         ]
       }
     },
@@ -5900,17 +5906,17 @@ var script$G = {
     }
   };
 
-script$G.__file = "src/widgets/Tabs.vue";
+script$I.__file = "src/widgets/Tabs.vue";
 
-var script$F = {
+var script$H = {
     name: 'w-tab',
   };
 
-script$F.__file = "src/widgets/Tab.vue";
+script$H.__file = "src/widgets/Tab.vue";
 
-var script$E = {
+var script$G = {
     name: 'w-album',
-    mixins: [script$1a, script$T],
+    mixins: [script$1c, script$V],
     methods: {
       x_default() {
         return {
@@ -5927,11 +5933,11 @@ var script$E = {
     }
   };
 
-script$E.__file = "src/widgets/Album.vue";
+script$G.__file = "src/widgets/Album.vue";
 
-var script$D = {
+var script$F = {
     name: 'w-html',
-    mixins: [script$1d, script$1b],
+    mixins: [script$1f, script$1d],
     props: ['line'],
     computed: {
       html_props() {
@@ -5950,11 +5956,11 @@ var script$D = {
     }
   };
 
-script$D.__file = "src/widgets/Html.vue";
+script$F.__file = "src/widgets/Html.vue";
 
-var script$C = {
+var script$E = {
     name: 'w-tree',
-    mixins: [script$1c, script$T, script$1j],
+    mixins: [script$1e, script$V, script$1l],
     emits: ['click:item'],
     provide() {
       return {
@@ -5964,6 +5970,9 @@ var script$C = {
       }
     },
     methods: {
+      load() {
+        return this.request()
+      },
       getCurrent() {
         const leaf = $$1.q('.w-leaf.z-on', this.el())[0];
         return leaf && $$1(leaf)
@@ -5979,25 +5988,32 @@ var script$C = {
       },
       html_slots() {
         let r;
-        let chd = this.x.children;
-        if (this.$slots.default) {
-          if (Array.isArray(chd)) {
-            r = chd.map((item, index) => {
-              let key;
-              const leaf = this.$slots.default({item, index});
-              for (let f of leaf) {
-                if (!key) {
-                  key = f.key;
+        if (this.loading) {
+          const sl = this.slot('loading');
+          r = sl && sl.length ? sl : h('div', {
+            class: 'w-tree-loading'
+          }, h(script$12, {src: '#f-svg-loading-1', width: 30, height: 30}));
+        } else {
+          let chd = this.x.children;
+          if (this.$slots.default) {
+            if (Array.isArray(chd)) {
+              r = chd.map((item, index) => {
+                let key;
+                const leaf = this.$slots.default({item, index});
+                for (let f of leaf) {
+                  if (!key) {
+                    key = f.key;
+                  }
                 }
-              }
-              if (key) {
-                return h(script$S, {key}, {default: () => leaf})
-              } else {
-                return leaf
-              }
-            });
-          } else {
-            r = [];
+                if (key) {
+                  return h(script$U, {key}, {default: () => leaf})
+                } else {
+                  return leaf
+                }
+              });
+            } else {
+              r = [];
+            }
           }
         }
         return this.html_scroll_slots(r)
@@ -6014,15 +6030,325 @@ var script$C = {
       }
     },
     mounted() {
-      if (!this.x.children) this.request();
+      if (!this.x.children || !this.x.children.length) this.request();
+    }
+  };
+
+script$E.__file = "src/widgets/Tree.vue";
+
+var script$D = {
+    mixins: [script$1b],
+    emits: ['scroll'],
+    methods: {
+      onScroll(e) {
+        this.$emit('scroll', e);
+      },
     }
   };
 
-script$C.__file = "src/widgets/Tree.vue";
+script$D.__file = "src/widgets/TreeV2Wrap.vue";
+
+const _hoisted_1$5 = { class: "w-tree-loading" };
+const _hoisted_2$5 = ["onClick"];
+const _hoisted_3$3 = ["onClick"];
+const _hoisted_4$2 = ["title"];
+  
+  
+  const __default__ = {
+    name: 'w-tree-v2'
+  };
+
+var script$C = /*#__PURE__*/Object.assign(__default__, {
+  props: {
+    alias: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    children: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    current: {
+      type: [String, Number]
+    },
+    itemHeight: {
+      type: [String, Number],
+      default: 32
+    },
+    src: {
+      type: Function
+    },
+  },
+  emits: ['click:item'],
+  setup(__props, { emit: emits }) {
+
+const props = __props;
+
+  
+
+  
+  
+  const {alias, itemHeight} = props;
+  
+  const propValue = alias.value || 'id';
+  const propText = alias.text || 'text';
+  const propChildren = alias.children || 'children';
+  
+  const leafSymbol = Symbol('leaf');
+  const showCount = ref(0);
+  const scrollTop = ref(0);
+  const flatList = ref([]);
+  const root = ref();
+  const flow = ref();
+  const loading = ref(false);
+    
+  const wrapStyle = computed(() => {
+    return {
+      height: `${flatList.value.length * itemHeight}px`
+    }
+  });
+  
+  const itemStyle = (item) => {
+    return {
+      top: `${item[leafSymbol].showIndex * itemHeight}px`,
+      paddingLeft: `${item[leafSymbol].level * 16}px`
+    }
+  };
+  
+  const itemIcon = (item) => {
+    return isFolder(item) ? (item.expanded ? item.expandedIcon : item.collapsedIcon) : item.icon
+  };
+
+  const isItemLoading = (item) => {
+    return item[leafSymbol].loading
+  };
+  
+  const isFolder = (item) => {
+    return (item[propChildren] && item[propChildren].length) || (item[leafSymbol].src && !item[leafSymbol].loaded)
+  };
+  
+  const isCurrent = (item) => {
+    return props.current === item[propValue]
+  };
+  
+  const clickItem = (e, item) => {
+    emits('click:item', e, item);
+  };
+  
+  const clickToggle = (e, item) => {
+    e.stopPropagation();
+    toggle(item);
+  };
+  
+  const toggle = (item, expanded) => {
+    const leaf = item[leafSymbol];
+    if (leaf.loading) return
+    item.expanded = expanded != null ? expanded : !item.expanded;
+    const i = flatList.value.indexOf(item);
+    if (item.expanded) {
+      if (item[propChildren]) {
+        const cs = toFlat(item[propChildren], item);
+        const prev = flatList.value.slice(0, i + 1);
+        const next = flatList.value.slice(i + 1);
+        flatList.value = prev.concat(cs, next);
+      } else if (leaf.src && !leaf.loaded) {
+        leaf.loading = true;
+        const stop = watch(() => item[propChildren], () => {
+          leaf.loading = false;
+          leaf.loaded = true;
+          stop();
+          toggle(item, item.expanded);
+        });
+        leaf.src();
+      }
+    } else {
+      const count = desCount(item[propChildren]);
+      const prev = flatList.value.slice(0, i + 1);
+      const next = flatList.value.slice(i + 1 + count);
+      flatList.value = prev.concat(next);
+    }
+  };
+
+  const onScroll = (e) => {
+    if (scrollTop.value !== e.target.scrollTop)
+      scrollTop.value = e.target.scrollTop;
+  };
+
+  const toFlat = (children, parent) => {
+    let r = [];
+    if (children) {
+      children.forEach(item => {
+        r.push(item);
+        const leaf = item[leafSymbol];
+        if (!leaf) {
+          item[leafSymbol] = {level: parent ? parent[leafSymbol].level + 1 : 0, parent, src: props.src && props.src(item)};
+        }
+        if (item[propChildren]) {
+          if (item.expanded) {
+            const c = toFlat(item[propChildren], item);
+            if (c && c.length) r = r.concat(c);
+          } else if (!leaf) {
+            toFlat(item[propChildren], item);
+          }
+        }
+      });
+    }
+    return r
+  };
+  
+  const desCount = (children) => {
+    let count = 0;
+    for (let item of children) {
+      count ++;
+      if (item[propChildren] && item.expanded) {
+        count += desCount(item[propChildren]);
+      }
+    } 
+    return count
+  };
+  
+  const find = (id, children) => {
+    if (!children) children = props.children;
+    for (let item of children) {
+      if (item[propValue] === id) return item
+      if (item[propChildren] && item[propChildren].length) {
+        const r = find(id, item[propChildren]);
+        if (r) return r
+      }
+    } 
+  };
+  
+  const expandTo = (id) => {
+    const item = find(id);
+    if (item) {
+      let p = item;
+      let a = p;
+      while (p = p[leafSymbol].parent) {
+        if (!p.expanded) {
+          p.expanded = true;
+          a = p;
+        }
+      }
+      a && toggle(a, true);
+      return item
+    }
+  };
+  
+  const showList = computed(() => {
+    const topCount = Math.floor(scrollTop.value / itemHeight);
+    const r = flatList.value.slice(topCount, topCount + showCount.value).map((item, index) => {
+      item[leafSymbol].showIndex = index + topCount;
+      return item
+    });
+    return r
+  });
+  
+  const initShowCount = () => {
+    flow.value = root.value.$refs.wScrollOverflow.getBoundingClientRect();
+    showCount.value = Math.ceil(flow.value.height / itemHeight);
+  };
+  
+  onMounted(async () => {
+    watch(() => root.value.wScrollSizeY, (ssy) => {
+      initShowCount();
+    }, {immediate: true});
+    watch(() => props.children, (children) => {
+      flatList.value = toFlat(children);
+    }, {immediate: true});
+    watch(() => props.current, (current) => {
+      if (!showList.value.find(n => n[propValue] === current)) {
+        const item = expandTo(current);
+        const i = flatList.value.indexOf(item);
+        if (i > -1) {
+          nextTick(() => {
+            root.value.scrollToY(((i + 1) * itemHeight) - (flow.value.height / 2));
+          });
+        }
+      }
+    });
+    const src = props.src && props.src();
+    if (src) {
+      loading.value = true;
+      await src();
+      loading.value = false;
+    }
+  });
+  
+
+return (_ctx, _cache) => {
+  const _component_w_img = resolveComponent("w-img");
+
+  return (openBlock(), createBlock(script$D, {
+    ref_key: "root",
+    ref: root,
+    class: "w-tree w-tree-v2",
+    "scroll-y": true,
+    onScroll: onScroll
+  }, {
+    default: withCtx(() => [
+      (loading.value)
+        ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
+            createElementVNode("div", _hoisted_1$5, [
+              createVNode(_component_w_img, {
+                src: "#f-svg-loading-1",
+                width: "30"
+              })
+            ])
+          ])
+        : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "w-tree-v2-wrap",
+            style: normalizeStyle(unref(wrapStyle))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showList), (item, index) => {
+              return (openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass(['w-leaf w-leaf-v2', {'z-folder': isFolder(item), 'z-on': isCurrent(item)}]),
+                style: normalizeStyle(itemStyle(item)),
+                onClick: $event => (clickItem($event, item))
+              }, [
+                (isItemLoading(item))
+                  ? (openBlock(), createBlock(_component_w_img, {
+                      key: 0,
+                      src: "#f-svg-loading",
+                      class: "w-leaf-loading"
+                    }))
+                  : (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(['w-leaf-toggle f-i', item.expanded ? 'f-i-caret-down' : 'f-i-caret-right']),
+                      onClick: $event => (clickToggle($event, item))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_3$3)),
+                (itemIcon(item))
+                  ? (openBlock(), createBlock(_component_w_img, {
+                      key: 2,
+                      src: itemIcon(item),
+                      class: "w-leaf-icon"
+                    }, null, 8 /* PROPS */, ["src"]))
+                  : createCommentVNode("v-if", true),
+                createElementVNode("div", {
+                  class: "f-line-1",
+                  title: item[unref(propText)]
+                }, toDisplayString(item[unref(propText)]), 9 /* TEXT, PROPS */, _hoisted_4$2)
+              ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$5))
+            }), 128 /* KEYED_FRAGMENT */))
+          ], 4 /* STYLE */))
+    ]),
+    _: 3 /* FORWARDED */
+  }, 512 /* NEED_PATCH */))
+}
+}
+
+});
+
+script$C.__file = "src/widgets/TreeV2.vue";
 
 var script$B = {
     name: 'w-label',
-    mixins: [script$1d, script$1b],
+    mixins: [script$1f, script$1d],
     props: ['text', 'suffix', 'vertical'],
     methods: {
       html_slots() {
@@ -6047,7 +6373,7 @@ var script$B = {
 script$B.__file = "src/widgets/Label.vue";
 
 var script$A = {
-    mixins: [script$1d, script$1b],
+    mixins: [script$1f, script$1d],
     props: ['name', 'value', 'modelValue', 'placeholder', 'label', 'readonly', 'readonlyValidate', 'disabled', 'required',
       'validateDefault', 'validateHandler', 'inputWidth', 'inputHeight' ],
     emits: ['update:modelValue', 'change', 'blur', 'focus'],
@@ -6641,7 +6967,7 @@ var script$z = {
         }, this.html_input())
       },
       html_target() {
-        return this.$slots.default ? h(script$1a, {
+        return this.$slots.default ? h(script$1c, {
           class: this.$options.name + '-target',
           ref: 'target'
         }, this.$slots) : []
@@ -6817,7 +7143,7 @@ script$y.__file = "src/widgets/TripleBox.vue";
 var script$x = {
     name: 'w-leaf',
     pubParentName: 'w-tree',
-    mixins: [script$1d, script$1j],
+    mixins: [script$1f, script$1l],
     props: ['text', 'expanded', 'expandedIcon', 'collapsedIcon', 'icon', 'boxSync', 'src', 'disabled'],
     inject: ['providePubParent', 'provideLevel', 'provideParentLeaf', 'provideParentTR'],
     provide() {
@@ -6917,7 +7243,7 @@ var script$x = {
         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$10, {
+          h(script$12, {
             src: '#f-svg-loading',
             class: 'w-leaf-loading'
           }) :
@@ -6929,7 +7255,7 @@ var script$x = {
             }
           }),
           this.$slots.box && this.$slots.box(),
-          ico && h(script$10, {
+          ico && h(script$12, {
             src: ico,
             class: 'w-leaf-icon'
           }),
@@ -6953,7 +7279,7 @@ var script$x = {
               }
             }
             if (key) {
-              return h(script$S, {key}, {default: () => leaf})
+              return h(script$U, {key}, {default: () => leaf})
             } else {
               return leaf
             }
@@ -7022,7 +7348,7 @@ script$x.__file = "src/widgets/Leaf.vue";
 
 var script$w = {
     name: 'w-pagebar',
-    mixins: [script$J],
+    mixins: [script$L],
     emits: ['click:item'],
     props: ['limit', 'size', 'offset', 'buttonCount', 'noFirstLast', 'face', 'jump'],
     data() {
@@ -7074,13 +7400,13 @@ var script$w = {
                this.html_face_normal()
       },
       html_buttons() {
-        return [h(script$Z, {
+        return [h(script$$, {
           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$Z, {
+        }), h(script$$, {
           class: 'w-pagebar-button w-pagebar-next',
           icon: '.f-i .f-i-angle-right',
           disabled: this.currentPage == this.sumPage,
@@ -7091,7 +7417,7 @@ var script$w = {
       html_drop() {
         let s = [];
         if (this.x.buttonCount) {
-          s.push(h(script$Z, {
+          s.push(h(script$$, {
             class: 'w-pagebar-button w-pagebar-button-count w-pagebar-prev',
             ref: 'drop',
             text: this.currentPage + '/' + this.sumPage,
@@ -7100,8 +7426,8 @@ var script$w = {
         }
         if (this.showDrop) {
           let b = [];
-          for (let i = 1, sp = this.sumPage; i <= sp; i ++) b.push(h(script$Z, {text: i, onClick: e => this.clickItem(e, i)}));
-          s.push(h(script$Y, {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$$, {text: i, onClick: e => this.clickItem(e, i)}));
+          s.push(h(script$_, {snap: () => this.$refs.drop, position: 'v', indent: 1, onClose: () => this.showDrop = false}, {default: () => b}));
         }
         return s
       },
@@ -7203,7 +7529,7 @@ script$w.__file = "src/widgets/PageBar.vue";
 
 var script$v = {
     name: 'w-split',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['collapsedIcon', 'expandedIcon', 'movable', 'range', 'toNext', 'expanded'],
     inject: ['provideLayout'],
     created() {
@@ -7304,7 +7630,7 @@ script$v.__file = "src/widgets/Split.vue";
 
 var script$u = {
     name: 'w-toggle',
-    mixins: [script$1d, script$1b],
+    mixins: [script$1f, script$1d],
     props: ['collapsedIcon', 'expandedIcon', 'expanded', 'align', 'valign'],
     methods: {
       x_default() {
@@ -7321,7 +7647,7 @@ var script$u = {
       html_slots() {
         let exp = this.x.expanded;
         let ico = exp ? this.x.expandedIcon : this.x.collapsedIcon;
-        return [ico && h(script$10, {
+        return [ico && h(script$12, {
           src: ico,
           class: 'w-toggle-icon',
         }), h('div', {class: 'w-toggle-main'}, this.$slots.default())]
@@ -7352,7 +7678,7 @@ script$u.__file = "src/widgets/Toggle.vue";
 
 var script$t = {
     name: 'w-video',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['src', 'poster'],
     data() {
       return {
@@ -7404,7 +7730,7 @@ script$t.__file = "src/widgets/Video.vue";
 
 var script$s = {
     name: 'w-progress',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['percent', 'range', 'text'],
     methods: {
       html_slots() {
@@ -7449,7 +7775,7 @@ script$s.__file = "src/widgets/Progress.vue";
 
 var script$r = {
     name: 'w-calendar',
-    mixins: [script$1d],
+    mixins: [script$1f],
     emits: ['click:item', 'change'],
     props: ['value', 'minValue', 'maxValue', 'current', 'pad', 'face', 'format', 'success', 'cg', 'start',
       'enableHour', 'enableMinute', 'enableSecond', 'defaultHour', 'defaultMinute', 'defaultSecond'
@@ -8195,7 +8521,7 @@ script$r.__file = "src/widgets/Calendar.vue";
 
 var script$q = {
     name: 'w-timeline',
-    mixins: [script$1c, script$T],
+    mixins: [script$1e, script$V],
     props: ['face', 'vertical'],
     methods: {
       indent() {
@@ -8328,7 +8654,7 @@ script$q.__file = "src/widgets/Timeline.vue";
 var script$p = {
     name: 'w-timeline-item',
     pubParentName: 'w-timeline',
-    mixins: [script$1d],
+    mixins: [script$1f],
     inject: ['providePubParent'],
     props: ['position', 'index'],
     methods: {
@@ -8365,7 +8691,7 @@ script$p.__file = "src/widgets/TimelineItem.vue";
 
 var script$o = {
     name: 'w-slidepicker',
-    mixins: [script$1d],
+    mixins: [script$1f],
     provide() {
       return {
         provideOptionParent: this,
@@ -9528,7 +9854,7 @@ const suffixHooks = {
             onclick: e => this.remove(item)
           })];
 					if (value && this.$slots.menu) {
-						button.push(h(script$Y, null, {
+						button.push(h(script$_, null, {
 							target: () => h('div', {
 								class: 'w-fileupload-value-menu f-i f-i-ellipsis',
 								title: $$1.loc.more,
@@ -9580,14 +9906,14 @@ const suffixHooks = {
       },
       html_input_button() {
         return h('div', {}, [
-          h(script$J, {
+          h(script$L, {
               ref: 'uploadbbr',
               class: 'w-fileupload-bbr',
               gap: 10,
             }, {
               default: () => [
                 this.$slots.button ? this.$slots.button(this) :
-                h(script$Z, {
+                h(script$$, {
                   text: '选择文件',
                   icon: '.f-i .f-i-upload',
                   class: 'w-fileupload-button',
@@ -9876,12 +10202,12 @@ var script$e = {
       },
       html_input_button() {
         return h('div', {}, [
-          h(script$J, {
+          h(script$L, {
             ref: 'uploadbbr',
             class: 'w-fileupload-bbr'
           }, {
             default: () => [
-              this.$slots.button ? this.$slots.button(this) : h(script$Z, {
+              this.$slots.button ? this.$slots.button(this) : h(script$$, {
                 ref: 'uploadbutton',
                 title: $$1.loc.form.choose_image,
                 icon: '.f-i .f-i-plus',
@@ -9942,7 +10268,7 @@ script$d.__file = "src/widgets/ImageUpload.vue";
 
 var script$c = {
     name: 'w-option',
-    mixins: [script$1d],
+    mixins: [script$1f],
     props: ['value', 'text', 'disabled'],
     inject: ['provideOptionParent'],
     methods: {
@@ -10352,7 +10678,7 @@ var script$a = {
             onClose: this.onclose
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-          r.push(h(script$17, dropProps, {
+          r.push(h(script$19, dropProps, {
             default: () => h(script$r, {
               height: '*',
               pad: true,
@@ -10512,7 +10838,7 @@ var script$9 = {
 					  onClose: () => this.showDrop = false
 					};
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$17, dropProps, {default: () => h(script$19, {height: '*', scrollY: true, scrollView: '.z-on'}, this.$slots)}));
+					r.push(h(script$19, dropProps, {default: () => h(script$1b, {height: '*', scrollY: true, scrollView: '.z-on'}, this.$slots)}));
 				}
 				return r
       },
@@ -10911,7 +11237,7 @@ var script$5 = {
             onClose: () => this.showSuggest = false
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$17, dropProps, {default: () => h(script$19, {height: '*', scrollY: true}, this.$slots)}));
+					r.push(h(script$19, dropProps, {default: () => h(script$1b, {height: '*', scrollY: true}, this.$slots)}));
 				}
         return [
           this.html_input_hidden(),
@@ -11367,7 +11693,7 @@ var script$4 = {
             onClose: () => this.showSuggest = false
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$17, dropProps, {default: () => h(script$19, {height: '*', scrollY: true}, this.$slots)}));
+					r.push(h(script$19, dropProps, {default: () => h(script$1b, {height: '*', scrollY: true}, this.$slots)}));
 				}
         return [
           this.html_input_hidden(),
@@ -11790,7 +12116,7 @@ var script = {
         this.x.modelValue = this.x.cancelable && this.x.modelValue == i ? '' : i;
       },
       html_star(i) {
-        return h(script$10, {
+        return h(script$12, {
           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),
@@ -11834,9 +12160,9 @@ var script = {
 script.__file = "src/widgets/Rate.vue";
 
 const components = [
-  script$1e, script$18, script$17, script$15, script$13, script$11, script$Y, script$X, 
-  script$M, script$19, script$1a, script$W, script$V, script$U, script$Q, script$R, script$P, script$O, script$N, script$K, script$L, script$G, script$F,
-  script$E, script$10, script$J, script$Z, script$_, script$D, script$C, script$x, script$w, script$v, script$u, script$t, script$s, script$r, script$q, script$p, script$o,
+  script$1g, script$1a, script$19, script$17, script$15, script$13, script$_, script$Z, 
+  script$O, script$1b, script$1c, script$Y, script$X, script$W, script$S, script$T, script$R, script$Q, script$P, script$M, script$N, script$I, script$H,
+  script$G, script$12, script$L, script$$, script$10, script$F, script$E, script$x, script$C, script$w, script$v, script$u, script$t, script$s, script$r, script$q, script$p, script$o,
   script$B, script$n, script$m, script$l, script$k, script$z, script$j, script$i, script$y, script$h, script$g, script$e, script$d, script$c,
   script$b, script$a, script$9, script$8, script$7, script$6, script$5, script$4, script$2, script$1, script
 ];