dfish-widget 1.0.120 → 1.0.122

package/lib/index.esm.js

@@ -1844,7 +1844,7 @@ function directive(Vue) {
 
 const bindCache = {};
 
-  var script$1p = {
+  var script$1q = {
     props: ['data', 'width', 'height', 'colspan', 'rowspan', 'ownproperty', 'orientUid'],
     data() {
       return {
@@ -2106,9 +2106,9 @@ const bindCache = {};
     }
   };
 
-script$1p.__file = "src/widgets/WidgetAbs.vue";
+script$1q.__file = "src/widgets/WidgetAbs.vue";
 
-var script$1o = {
+var script$1p = {
     props: ['src', 'children', 'parentItem'],
     data() {
       return {
@@ -2142,11 +2142,11 @@ var script$1o = {
     }
   };
 
-script$1o.__file = "src/widgets/SrcParent.vue";
+script$1p.__file = "src/widgets/SrcParent.vue";
 
-var script$1n = {
+var script$1o = {
     name: 'w-view',
-    mixins: [script$1o],
+    mixins: [script$1p],
     provide() {
       return {
         provideView: this
@@ -2358,9 +2358,9 @@ var script$1n = {
     }
   };
 
-script$1n.__file = "src/widgets/ViewAbs.vue";
+script$1o.__file = "src/widgets/ViewAbs.vue";
 
-var script$1m = {
+var script$1n = {
     name: 'w-svg-loading'
   };
 
@@ -2390,10 +2390,10 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_6$3))
 }
 
-script$1m.render = render$8;
-script$1m.__file = "src/assets/SVGIcon.vue";
+script$1n.render = render$8;
+script$1n.__file = "src/assets/SVGIcon.vue";
 
-var script$1l = {
+var script$1m = {
     props: ['data'],
     data() {
       return {
@@ -2512,10 +2512,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1l.render = render$7;
-script$1l.__file = "src/template/TemplatePreviewMedia.vue";
+script$1m.render = render$7;
+script$1m.__file = "src/template/TemplatePreviewMedia.vue";
 
-var script$1k = {
+var script$1l = {
     props: ['data'],
     data() {
       let f = this.data.format || 'yyyy-MM-dd';
@@ -3016,12 +3016,12 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1k.render = render$6;
-script$1k.__file = "src/template/TemplateDateSheet.vue";
+script$1l.render = render$6;
+script$1l.__file = "src/template/TemplateDateSheet.vue";
 
-var script$1j = {
+var script$1k = {
     name: 'w-docview',
-    mixins: [script$1p, script$1n],
+    mixins: [script$1q, script$1o],
     provide() {
       return {
         providePubParent: null,
@@ -3043,15 +3043,15 @@ var script$1j = {
         return null
       },
       previewVideo(src) {
-        this.pop(script$1l, {data: {type: 'video', src}});
+        this.pop(script$1m, {data: {type: 'video', src}});
       },
       previewImage(imgs, options) {
-        this.pop(script$1l, {data: {type: 'image', imgs, options}});
+        this.pop(script$1m, {data: {type: 'image', imgs, options}});
       },
       //dateOptions: {value, format, minValue, maxValue, success}
       dateSheet(dateOptions, dialogOptions) {
-        this.pop(script$1k, {
-          template: script$1k,
+        this.pop(script$1l, {
+          template: script$1l,
           width: '100%',
           height: '55%',
           position: 'b',
@@ -3067,20 +3067,20 @@ var script$1j = {
         return [
           this.$slots.default && this.$slots.default(),
           this.html_pops(),
-          h(script$1m),
+          h(script$1n),
         ]
       }
     }
   };
 
-script$1j.__file = "src/widgets/DocView.vue";
+script$1k.__file = "src/widgets/DocView.vue";
 
-var script$1i = {
-    mixins: [script$1p],
+var script$1j = {
+    mixins: [script$1q],
     inject: ['provideView']
   };
 
-script$1i.__file = "src/widgets/WidgetBase.vue";
+script$1j.__file = "src/widgets/WidgetBase.vue";
 
 const onScroll = function(e) {
     if (this.wScrollPercentX) {
@@ -3121,8 +3121,8 @@ const onScroll = function(e) {
     }, dnEv);
   };
 
-  var script$1h = {
-    mixins: [script$1i],
+  var script$1i = {
+    mixins: [script$1j],
     props: ['scrollX', 'scrollY', 'scrollView', 'scrollFlex'],
     emits: ['scroll'],
     data() {
@@ -3410,9 +3410,9 @@ const onScroll = function(e) {
     }
   };
 
-script$1h.__file = "src/widgets/Scroll.vue";
+script$1i.__file = "src/widgets/Scroll.vue";
 
-var script$1g = {
+var script$1h = {
     props: ['align', 'valign', 'gap'],
     computed: {
       dir() {
@@ -3427,11 +3427,11 @@ var script$1g = {
     }
   };
 
-script$1g.__file = "src/widgets/AlignParent.vue";
+script$1h.__file = "src/widgets/AlignParent.vue";
 
-var script$1f = {
+var script$1g = {
     name: 'w-horizontal',
-    mixins: [script$1h, script$1g],
+    mixins: [script$1i, script$1h],
     props: ['br', 'reverse'],
     provide() {
       return {
@@ -3483,11 +3483,11 @@ var script$1f = {
     }
   };
 
-script$1f.__file = "src/widgets/Horizontal.vue";
+script$1g.__file = "src/widgets/Horizontal.vue";
 
-var script$1e = {
+var script$1f = {
     name: 'w-vertical',
-    mixins: [script$1f],
+    mixins: [script$1g],
     computed: {
       dir() {
         return 'v'
@@ -3495,11 +3495,11 @@ var script$1e = {
     }
   };
 
-script$1e.__file = "src/widgets/Vertical.vue";
+script$1f.__file = "src/widgets/Vertical.vue";
 
-var script$1d = {
+var script$1e = {
     name: 'w-view',
-    mixins: [script$1e, script$1n],
+    mixins: [script$1f, script$1o],
     inject: ['provideView'],
     methods: {
 			html_slots() {
@@ -3516,9 +3516,9 @@ var script$1d = {
     }
   };
 
-script$1d.__file = "src/widgets/View.vue";
+script$1e.__file = "src/widgets/View.vue";
 
-var script$1c = {
+var script$1d = {
   __name: 'DialogTarget',
   setup(__props) {
 
@@ -3533,7 +3533,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$1c.__file = "src/widgets/DialogTarget.vue";
+script$1d.__file = "src/widgets/DialogTarget.vue";
 
 const O = {},
     T = true,
@@ -3550,9 +3550,9 @@ const O = {},
 	  return typeof a === 'string' && a.split(',').map(v => positionCodes[v] || v).join()
 	};
 
-  var script$1b = {
+  var script$1c = {
     name: 'w-dialog',
-    mixins: [script$1d],
+    mixins: [script$1e],
     props: ['title', 'autoHide', 'context', 'prong', 'independent', 'timeout', 'cover', 'coverProps',
       'position', 'snap', 'indent', 'offsetRange', 'local', 'fullScreen', 'hoverShowDrop', 'visible',
 			...boundary
@@ -3715,10 +3715,11 @@ const O = {},
       setListenHide(a) {
         let d = this.x.hoverShowDrop;
         let n = a ? 'addEventListener' : 'removeEventListener';
-        let evs = $$1.br.mobile ? ['touchend'] : ['mousedown', $$1.br.firefox ? 'DOMMouseScroll' : 'mousewheel'];
+        let wl = $$1.br.firefox ? 'DOMMouseScroll' : 'mousewheel';
+        let evs = $$1.br.mobile ? ['touchend'] : ['mousedown', wl];
         evs.forEach(v => document[n](v, this.bind('listenHideClose', (e) => {
           let c;
-          if (this.x.visible !== false && (e.target.classList.contains('w-dialog-cover') || !(this.hasBubble(e.target) || (!this.x.independent && ((c = this.getCommander()).isWidget ? c.hasBubble(e.target) : c.contains(e.target)))))) {
+          if (this.x.visible !== false && (e.target.classList.contains('w-dialog-cover') || e.type === wl || !(this.hasBubble(e.target) || (!this.x.independent && ((c = this.getCommander()).isWidget ? c.hasBubble(e.target) : c.contains(e.target)))))) {
             if (e.target.id == this.id + 'cvr') e.stopPropagation();
             this.close();
           }
@@ -3821,7 +3822,7 @@ const O = {},
         }
         let s = [cover, this.html_self(true)];
         let r = to ? h(Teleport, {to}, s) : s;
-        return this.slotTarget ? [r, h(script$1c, null, {default: () => [this.slotTarget()]})] : r
+        return this.slotTarget ? [r, h(script$1d, null, {default: () => [this.slotTarget()]})] : r
       }
     },
     computed: {
@@ -3938,12 +3939,12 @@ const O = {},
     }
   };
 
-script$1b.__file = "src/widgets/Dialog.vue";
+script$1c.__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$1a = {
+var script$1b = {
   __name: 'TemplateAlert',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4076,11 +4077,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$1a.__file = "src/template/TemplateAlert.vue";
+script$1b.__file = "src/template/TemplateAlert.vue";
 
-var script$19 = {
+var script$1a = {
     name: 'w-alert',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4110,7 +4111,7 @@ var script$19 = {
       },
       html_slots_default() {
         return h(
-          script$1a,
+          script$1b,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4126,12 +4127,12 @@ var script$19 = {
     }
   };
 
-script$19.__file = "src/widgets/Alert.vue";
+script$1a.__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$18 = {
+var script$19 = {
   __name: 'TemplateConfirm',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4271,11 +4272,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$18.__file = "src/template/TemplateConfirm.vue";
+script$19.__file = "src/template/TemplateConfirm.vue";
 
-var script$17 = {
+var script$18 = {
     name: 'w-confirm',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4305,7 +4306,7 @@ var script$17 = {
       },
       html_slots_default() {
         return h(
-          script$18,
+          script$19,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4321,7 +4322,7 @@ var script$17 = {
     }
   };
 
-script$17.__file = "src/widgets/Confirm.vue";
+script$18.__file = "src/widgets/Confirm.vue";
 
 const _hoisted_1$7 = { class: "w-tip-body" };
 const _hoisted_2$7 = {
@@ -4331,7 +4332,7 @@ const _hoisted_2$7 = {
 const _hoisted_3$5 = ["innerHTML"];
 
 
-var script$16 = {
+var script$17 = {
   __name: 'TemplateTip',
   props: ['text', 'escape'],
   setup(__props) {
@@ -4355,7 +4356,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$16.__file = "src/template/TemplateTip.vue";
+script$17.__file = "src/template/TemplateTip.vue";
 
 let inst$1 = null;
   let tipCache = {
@@ -4363,9 +4364,9 @@ let inst$1 = null;
     list: []
   };
   
-  var script$15 = {
+  var script$16 = {
     name: 'w-tip',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['face', 'text', 'escape'],
     provide() {
       return {
@@ -4382,7 +4383,7 @@ let inst$1 = null;
         }
       },
       html_slots_default() {
-        return h(script$16, {text: this.x.text, escape: this.x.escape}, this.$slots)
+        return h(script$17, {text: this.x.text, escape: this.x.escape}, this.$slots)
       },
       // implement
       setVisibleSub(a) {
@@ -4422,12 +4423,12 @@ let inst$1 = null;
     }
   };
 
-script$15.__file = "src/widgets/Tip.vue";
+script$16.__file = "src/widgets/Tip.vue";
 
-var script$14 = {
+var script$15 = {
     name: 'w-img',
     pubParentName: 'w-album',
-    mixins: [script$1i],
+    mixins: [script$1j],
     inject: ['providePubParent'],
     props: ['src', 'text', 'square', 'imgWidth', 'imgHeight', 'dataUrl', 'vertical', 'disabled'],
     data() {
@@ -4473,7 +4474,7 @@ var script$14 = {
               class: 'w-img-cover f-abs-full'
             }, this.$slots.cover())
           ]),
-          cont && h(script$1e, {
+          cont && h(script$1f, {
             class: 'w-img-description'
           }, cont)
         ]
@@ -4507,11 +4508,11 @@ var script$14 = {
     }
   };
 
-script$14.__file = "src/widgets/Img.vue";
+script$15.__file = "src/widgets/Img.vue";
 
-var script$13 = {
+var script$14 = {
     pubParentName: 'w-buttonbar',
-    mixins: [script$1i],
+    mixins: [script$1j],
     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'],
@@ -4607,7 +4608,7 @@ var script$13 = {
         if (this.x.loading) {
           r.push(h('div', {
             class: 'w-button-loading f-abs-full f-flex-center'
-          }, h(script$14, {
+          }, h(script$15, {
             src: '#f-svg-loading'
           })));
         }
@@ -4625,7 +4626,7 @@ var script$13 = {
           }, h('span', {class: 'w-button-text-line f-line-1', title}, t)));
         }
         if (this.isMore && this.x.showArrowIcon) {
-          r.push(h(script$14, {
+          r.push(h(script$15, {
             class: 'w-button-more f-flex-center f-height',
             src: this.x.arrowIcon || '.f-i .f-i-caret-down'
           }));
@@ -4643,7 +4644,7 @@ var script$13 = {
             class: 'w-button-main f-oh f-height',
             ...(this.isCombo && !this.isDisabled && this.mouses),
           }, r),
-          this.isCombo && h(script$14, {
+          this.isCombo && h(script$15, {
             class: 'w-button-drop f-flex-center f-height',
             src: '.f-i .f-i-caret-down',
             ...(!this.isDisabled && this.mouses),
@@ -4694,11 +4695,11 @@ var script$13 = {
     }
   };
 
-script$13.__file = "src/widgets/ButtonAbs.vue";
+script$14.__file = "src/widgets/ButtonAbs.vue";
 
-var script$12 = {
+var script$13 = {
     name: 'w-menubutton',
-    mixins: [script$13],
+    mixins: [script$14],
     methods: {
 			ajax(...args) {
 			  return this.parentMenu.rootCommander.ajax(...args)
@@ -4761,7 +4762,7 @@ var script$12 = {
             onclick: this.clickClose
           })));
         }
-        r.push(h(script$14, {
+        r.push(h(script$15, {
           class: 'w-menubutton-drop f-flex-center f-height',
           src: this.isMore ? (this.x.arrowIcon || '.f-i .f-i-caret-right') : ''
         }));
@@ -4813,11 +4814,11 @@ var script$12 = {
     },
   };
 
-script$12.__file = "src/widgets/MenuButton.vue";
+script$13.__file = "src/widgets/MenuButton.vue";
 
-var script$11 = {
+var script$12 = {
     name: 'w-button',
-    mixins: [script$13],
+    mixins: [script$14],
     props: ['autoMenuButton'],
     methods: {
       x_default() {
@@ -4829,14 +4830,14 @@ var script$11 = {
     },
     render() {
       if (this.provideMenu_w && this.x.autoMenuButton) {
-        return h(script$12, this.$props, this.$slots)
+        return h(script$13, this.$props, this.$slots)
       } else {
         return this.html()
       }
     }
   };
 
-script$11.__file = "src/widgets/Button.vue";
+script$12.__file = "src/widgets/Button.vue";
 
 let inst = null;
 	
@@ -4851,9 +4852,9 @@ let inst = null;
 		return inst && (ctx.hasBubble(inst.context) || inst.hasBubble(ctx))
 	}
 
-  var script$10 = {
+  var script$11 = {
     name: 'w-menu',
-    mixins: [script$1b],
+    mixins: [script$1c],
     provide() {
       return {
         provideMenu_w: this
@@ -4929,7 +4930,7 @@ let inst = null;
           }, h('i', {
             class: 'f-i f-i-caret-up'
           })),
-          h(script$1e, {
+          h(script$1f, {
             class: 'w-menu-bbr',
             height: '*',
             ref: 'bbr',
@@ -4984,11 +4985,11 @@ let inst = null;
     }
   };
 
-script$10.__file = "src/widgets/Menu.vue";
+script$11.__file = "src/widgets/Menu.vue";
 
-var script$$ = {
+var script$10 = {
     name: 'w-loading',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['text', 'icon'],
     methods: {
       x_default() {
@@ -4997,7 +4998,7 @@ var script$$ = {
         }
       },
       html_slots() {
-        return h(script$14, {
+        return h(script$15, {
           src: this.x.icon !== undefined ? this.x.icon : '#f-svg-loading',
           text: this.x.text !== undefined ? this.x.text : $$1.loc.loading
         })
@@ -5010,11 +5011,11 @@ var script$$ = {
     }
   };
 
-script$$.__file = "src/widgets/Loading.vue";
+script$10.__file = "src/widgets/Loading.vue";
 
-var script$_ = {
+var script$$ = {
     name: 'w-table',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['face', 'scroll-x', 'scroll-y'],
     provide() {
       return {
@@ -5131,22 +5132,22 @@ var script$_ = {
     }
   };
 
-script$_.__file = "src/widgets/Table.vue";
+script$$.__file = "src/widgets/Table.vue";
 
-var script$Z = {
+var script$_ = {
     name: 'w-columns'
   };
 
-script$Z.__file = "src/widgets/TableColumns.vue";
+script$_.__file = "src/widgets/TableColumns.vue";
 
-var script$Y = {
+var script$Z = {
     name: 'w-column',
     props: ['width', 'minWidth'],
   };
 
-script$Y.__file = "src/widgets/TableColumn.vue";
+script$Z.__file = "src/widgets/TableColumn.vue";
 
-var script$X = {
+var script$Y = {
     props: ['pub', 'current'],
     provide() {
       return {
@@ -5177,21 +5178,21 @@ var script$X = {
     }
   };
 
-script$X.__file = "src/widgets/PubParent.vue";
+script$Y.__file = "src/widgets/PubParent.vue";
 
 function render$5(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "default")
 }
 
-const script$W = {};
+const script$X = {};
 
 
-script$W.render = render$5;
-script$W.__file = "src/widgets/SlotDefault.vue";
+script$X.render = render$5;
+script$X.__file = "src/widgets/SlotDefault.vue";
 
-var script$V = {
+var script$W = {
     name: 'w-thead',
-    mixins: [script$1i, script$X],
+    mixins: [script$1j, script$Y],
     props: ['br', 'sort'],
     inject: ['_provideTable'],
     provide() {
@@ -5228,7 +5229,7 @@ var script$V = {
                 return t
               });
               if (key) {
-                return h(script$W, {key}, {default: () => row})
+                return h(script$X, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5284,11 +5285,11 @@ var script$V = {
     }
   };
 
-script$V.__file = "src/widgets/TableTHead.vue";
+script$W.__file = "src/widgets/TableTHead.vue";
 
-var script$U = {
+var script$V = {
     name: 'w-tbody',
-    mixins: [script$V, script$1h],
+    mixins: [script$W, script$1i],
     inject: ['_provideTable'],
     props: ['children'],
     provide() {
@@ -5356,12 +5357,12 @@ var script$U = {
     }
   };
 
-script$U.__file = "src/widgets/TableTBody.vue";
+script$V.__file = "src/widgets/TableTBody.vue";
 
-var script$T = {
+var script$U = {
     name: 'w-tr',
     pubParentName: 'w-tbody,w-thead',
-    mixins: [script$1i, script$1o],
+    mixins: [script$1j, script$1p],
     props: ['rowIndex', 'expanded', 'children'],
     inject: ['_provideTable', 'providePubParent', 'provideInBody', '_provideTBody', 'provideLevel', 'provideParentTR'],
     provide() {
@@ -5445,7 +5446,7 @@ var script$T = {
                 }
               }
               if (key) {
-                return h(script$W, {key}, {default: () => row})
+                return h(script$X, {key}, {default: () => row})
               } else {
                 return row
               }
@@ -5489,9 +5490,9 @@ var script$T = {
 
   };
 
-script$T.__file = "src/widgets/TableTR.vue";
+script$U.__file = "src/widgets/TableTR.vue";
 
-var script$S = {
+var script$T = {
     name: 'w-td',
     props: ['colspan', 'rowspan', 'align', 'valign', 'data'],
     inject: ['_provideTable', 'provideInBody'],
@@ -5528,11 +5529,11 @@ var script$S = {
     }
   };
 
-script$S.__file = "src/widgets/TableTD.vue";
+script$T.__file = "src/widgets/TableTD.vue";
 
-var script$R = {
+var script$S = {
     name: 'w-th',
-    mixins: [script$S, script$1i],
+    mixins: [script$T, script$1j],
     props: ['sortable', 'sortOrders', 'sortOrderDefault'],
     inject: ['_provideThead'],
     emits: ['click:sort'],
@@ -5567,7 +5568,7 @@ var script$R = {
         this.$emit('click:sort', e, o);
       },
       html_slots() {
-        return h(script$1f, {class: 'w-th-wrap', valign: 'middle', align: this.align || this.col.align}, {default: () => [
+        return h(script$1g, {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')}),
@@ -5592,10 +5593,10 @@ var script$R = {
     }
   };
 
-script$R.__file = "src/widgets/TableTH.vue";
+script$S.__file = "src/widgets/TableTH.vue";
 
-var script$Q = {
-    mixins: [script$1e],
+var script$R = {
+    mixins: [script$1f],
     emits: ['scroll'],
     methods: {
       onScroll(e) {
@@ -5604,7 +5605,7 @@ var script$Q = {
     }
   };
 
-script$Q.__file = "src/widgets/TreeV2Wrap.vue";
+script$R.__file = "src/widgets/TreeV2Wrap.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" };
@@ -5618,7 +5619,7 @@ const _hoisted_6$2 = { class: "'w-table-v2-td-text f-line-1" };
     name: 'w-table-v2'
   };
 
-var script$P = /*#__PURE__*/Object.assign(__default__$1, {
+var script$Q = /*#__PURE__*/Object.assign(__default__$1, {
   props: {
     alias: {
       type: Object,
@@ -5962,7 +5963,7 @@ return (_ctx, _cache) => {
         ]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["style"]),
-      createVNode(script$Q, {
+      createVNode(script$R, {
         ref_key: "wrap",
         ref: wrap,
         height: "*",
@@ -6053,11 +6054,11 @@ return (_ctx, _cache) => {
 
 });
 
-script$P.__file = "src/widgets/TableV2.vue";
+script$Q.__file = "src/widgets/TableV2.vue";
 
-var script$O = {
+var script$P = {
     name: 'w-grid',
-    mixins: [script$1h],
+    mixins: [script$1i],
     props: ['columns', 'rows', 'gap', 'defaultColspan', 'face', 'labelWidth'],
     methods: {
       x_default() {
@@ -6092,20 +6093,21 @@ var script$O = {
         return {
           'grid-template-columns': cols,
           'grid-template-rows': rows,
-          'grid-gap': this.x.gap ? $$1.unitSize(this.x.gap) : '',
+          'grid-gap': 'var(--w-grid-gap)',
+          '--w-grid-gap': this.x.gap ? $$1.unitSize(this.x.gap) : '',
           '--w-grid-colspan': (dc == -1 || !dc ? '' : `span ${dc}`),
         }
       }
     }
   };
 
-script$O.__file = "src/widgets/Grid.vue";
+script$P.__file = "src/widgets/Grid.vue";
 
-var script$N = {
+var script$O = {
     name: 'w-swiper-item',
     pubParentName: 'w-swiper',
     inject: ['providePubParent'],
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['lazy'],
     data() {
       return {
@@ -6138,11 +6140,11 @@ var script$N = {
     }
   };
 
-script$N.__file = "src/widgets/SwiperItem.vue";
+script$O.__file = "src/widgets/SwiperItem.vue";
 
-var script$M = {
+var script$N = {
     name: 'w-swiper',
-    mixins: [script$1i, script$X],
+    mixins: [script$1j, script$Y],
     props: ['arrow', 'indicatorDots', 'duration'],
     data() {
       return {
@@ -6233,11 +6235,11 @@ var script$M = {
     }
   };
 
-script$M.__file = "src/widgets/Swiper.vue";
+script$N.__file = "src/widgets/Swiper.vue";
 
-var script$L = {
+var script$M = {
     name: 'w-buttonbar',
-    mixins: [script$1f, script$X],
+    mixins: [script$1g, script$Y],
     props: ['vertical'],
 		emits: ['click:item'],
     methods: {
@@ -6269,11 +6271,11 @@ var script$L = {
 		}
   };
 
-script$L.__file = "src/widgets/ButtonBar.vue";
+script$M.__file = "src/widgets/ButtonBar.vue";
 
-var script$K = {
+var script$L = {
     name: 'w-tabbar',
-    mixins: [script$L],
+    mixins: [script$M],
     props: ['vertical', 'arrow', 'quickCloseButton', 'flexSize', 'buttons'],
 		emits: ['click:item', 'click:quickCloseButton'],
 		data() {
@@ -6350,7 +6352,7 @@ var script$K = {
 			},
       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$1e : script$1f, {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$1f : script$1g, {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')));
         }
@@ -6361,7 +6363,7 @@ var script$K = {
 				if (this.x.quickCloseButton) {
 					let closeAllDisabled = !this.buttons.find(c => c.props.closable);
 					if (this.buttons.length) {
-						gut.push(h(script$11, {
+						gut.push(h(script$12, {
 							ref: 'quickCloseButton',
 							data: {isQuickCloseButton: true},
 							showArrowIcon: false,
@@ -6476,12 +6478,12 @@ var script$K = {
 		}
   };
 
-script$K.__file = "src/widgets/TabBar.vue";
+script$L.__file = "src/widgets/TabBar.vue";
 
-var script$J = {
+var script$K = {
 		name: 'w-tabbutton',
     pubParentName: 'w-tabbar',
-    mixins: [script$11],
+    mixins: [script$12],
 		methods: {
 			vis() {
 				let add = [20, 20];
@@ -6501,11 +6503,11 @@ var script$J = {
 		}
   };
 
-script$J.__file = "src/widgets/TabButton.vue";
+script$K.__file = "src/widgets/TabButton.vue";
 
-var script$I = {
+var script$J = {
     name: 'w-tabs',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['current', 'position', 'gap', 'face', 'quickCloseButton', 'flexSize'],
 		emits: ['click:quickCloseButton'],
     methods: {
@@ -6531,11 +6533,11 @@ var script$I = {
           if (!v.props || v.props.key == null) {
             $$1.lodash.set(v, 'props.key', i);
           }
-          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));
+          buttons.push(h(script$K, v.props));
+          pages.push(h(script$O, {lazy: v.props.lazy == null ? true : v.props.lazy, key: v.props.key}, v.children));
         });
         return [
-          h(script$K, {
+          h(script$L, {
 						ref: 'tabBar',
             class: 'w-tabs-buttonbar',
             current: this.x.current,
@@ -6548,7 +6550,7 @@ var script$I = {
             'onClick:quickCloseButton': this.clickQuickCloseButton,
 						buttons,
           }, this.$slots),
-          h(script$M, {class: 'w-tabs-swiper f-flex-1 f-oh', current: this.x.current}, {default: () => pages}),
+          h(script$N, {class: 'w-tabs-swiper f-flex-1 f-oh', current: this.x.current}, {default: () => pages}),
         ]
       }
     },
@@ -6563,17 +6565,17 @@ var script$I = {
     }
   };
 
-script$I.__file = "src/widgets/Tabs.vue";
+script$J.__file = "src/widgets/Tabs.vue";
 
-var script$H = {
+var script$I = {
     name: 'w-tab',
   };
 
-script$H.__file = "src/widgets/Tab.vue";
+script$I.__file = "src/widgets/Tab.vue";
 
-var script$G = {
+var script$H = {
     name: 'w-album',
-    mixins: [script$1f, script$X],
+    mixins: [script$1g, script$Y],
     methods: {
       x_default() {
         return {
@@ -6590,11 +6592,11 @@ var script$G = {
     }
   };
 
-script$G.__file = "src/widgets/Album.vue";
+script$H.__file = "src/widgets/Album.vue";
 
-var script$F = {
+var script$G = {
     name: 'w-html',
-    mixins: [script$1i, script$1g],
+    mixins: [script$1j, script$1h],
     props: ['line'],
     computed: {
       html_props() {
@@ -6613,11 +6615,11 @@ var script$F = {
     }
   };
 
-script$F.__file = "src/widgets/Html.vue";
+script$G.__file = "src/widgets/Html.vue";
 
-var script$E = {
+var script$F = {
     name: 'w-tree',
-    mixins: [script$1h, script$X, script$1o],
+    mixins: [script$1i, script$Y, script$1p],
     emits: ['click:item'],
     provide() {
       return {
@@ -6649,7 +6651,7 @@ var script$E = {
           const sl = this.slot('loading');
           r = sl && sl.length ? sl : h('div', {
             class: 'w-tree-loading'
-          }, h(script$14, {src: '#f-svg-loading-1', width: 28, height: 28}));
+          }, h(script$15, {src: '#f-svg-loading-1', width: 28, height: 28}));
         } else {
           let chd = this.x.children;
           if (this.$slots.default) {
@@ -6663,7 +6665,7 @@ var script$E = {
                   }
                 }
                 if (key) {
-                  return h(script$W, {key}, {default: () => leaf})
+                  return h(script$X, {key}, {default: () => leaf})
                 } else {
                   return leaf
                 }
@@ -6691,7 +6693,7 @@ var script$E = {
     }
   };
 
-script$E.__file = "src/widgets/Tree.vue";
+script$F.__file = "src/widgets/Tree.vue";
 
 const _hoisted_1$5 = { class: "w-tree-loading w-tree-v2-loading" };
 const _hoisted_2$5 = ["onClick"];
@@ -6704,7 +6706,7 @@ const _hoisted_5$2 = ["title"];
     name: 'w-tree-v2'
   };
 
-var script$D = /*#__PURE__*/Object.assign(__default__, {
+var script$E = /*#__PURE__*/Object.assign(__default__, {
   props: {
     alias: {
       type: Object,
@@ -7009,7 +7011,7 @@ const props = __props;
 return (_ctx, _cache) => {
   const _component_w_img = resolveComponent("w-img");
 
-  return (openBlock(), createBlock(script$Q, {
+  return (openBlock(), createBlock(script$R, {
     ref_key: "root",
     ref: root,
     class: "w-tree w-tree-v2",
@@ -7076,11 +7078,11 @@ return (_ctx, _cache) => {
 
 });
 
-script$D.__file = "src/widgets/TreeV2.vue";
+script$E.__file = "src/widgets/TreeV2.vue";
 
-var script$C = {
+var script$D = {
     name: 'w-label',
-    mixins: [script$1i, script$1g],
+    mixins: [script$1j, script$1h],
     props: ['text', 'suffix', 'vertical'],
     methods: {
       html_slots() {
@@ -7102,10 +7104,10 @@ var script$C = {
     }
   };
 
-script$C.__file = "src/widgets/Label.vue";
+script$D.__file = "src/widgets/Label.vue";
 
-var script$B = {
-    mixins: [script$1i, script$1g],
+var script$C = {
+    mixins: [script$1j, script$1h],
     props: ['name', 'value', 'modelValue', 'placeholder', 'label', 'readonly', 'readonlyValidate', 'disabled', 'required',
       'validateDefault', 'validateHandler', 'inputWidth', 'inputHeight' ],
     emits: ['update:modelValue', 'change', 'blur', 'focus'],
@@ -7350,7 +7352,7 @@ var script$B = {
 				if (this.x.label && typeof this.x.label === 'object') {
 					const label = $$1.cloneDeep(this.x.label);
 					if (label.width == null) delete label.width;
-					if (label.width != 0) return h(script$C, label)
+					if (label.width != 0) return h(script$D, label)
 				}
       },
       html_input() {
@@ -7555,14 +7557,14 @@ var script$B = {
     }
   };
 
-script$B.__file = "src/widgets/FormBase.vue";
+script$C.__file = "src/widgets/FormBase.vue";
 
 const {leafSymbol: leafSymbol$1} = $$1.symbol;
 
-  var script$A = {
+  var script$B = {
     name: 'w-checkbox',
     pubParentName: 'w-checkboxgroup',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['text', 'checked', 'partialSubmit', 'minSize', 'maxSize'],
     inject: ['providePubParent', 'provideBoxParent'],
     emits: ['change', 'update:checked', 'click'],
@@ -7732,7 +7734,7 @@ const {leafSymbol: leafSymbol$1} = $$1.symbol;
         }, this.html_input())
       },
       html_target() {
-        return this.$slots.default ? h(script$1f, {
+        return this.$slots.default ? h(script$1g, {
           class: this.$options.name + '-target',
           width: '*',
           ref: 'target'
@@ -7818,13 +7820,13 @@ const {leafSymbol: leafSymbol$1} = $$1.symbol;
     },
   };
 
-script$A.__file = "src/widgets/CheckBox.vue";
+script$B.__file = "src/widgets/CheckBox.vue";
 
 const {leafSymbol} = $$1.symbol;
 
-  var script$z = {
+  var script$A = {
     name: 'w-triplebox',
-    mixins: [script$A],
+    mixins: [script$B],
     props: ['all'],
     created() {
       if (this.provideBoxParent) {
@@ -7967,12 +7969,12 @@ const {leafSymbol} = $$1.symbol;
 
   };
 
-script$z.__file = "src/widgets/TripleBox.vue";
+script$A.__file = "src/widgets/TripleBox.vue";
 
-var script$y = {
+var script$z = {
     name: 'w-leaf',
     pubParentName: 'w-tree',
-    mixins: [script$1i, script$1o],
+    mixins: [script$1j, script$1p],
     props: ['text', 'expanded', 'expandedIcon', 'collapsedIcon', 'icon', 'boxSync', 'src', 'disabled'],
     inject: ['providePubParent', 'provideLevel', 'provideParentLeaf', 'provideParentTR'],
     emits: ['click'],
@@ -8071,7 +8073,7 @@ var script$y = {
         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$14, {
+          h(script$15, {
             src: '#f-svg-loading',
             class: 'w-leaf-loading'
           }) :
@@ -8083,7 +8085,7 @@ var script$y = {
             }
           }),
           this.$slots.box && this.$slots.box(),
-          ico && h(script$14, {
+          ico && h(script$15, {
             src: ico,
             class: 'w-leaf-icon'
           }),
@@ -8107,7 +8109,7 @@ var script$y = {
               }
             }
             if (key) {
-              return h(script$W, {key}, {default: () => leaf})
+              return h(script$X, {key}, {default: () => leaf})
             } else {
               return leaf
             }
@@ -8166,11 +8168,11 @@ var script$y = {
 
   };
 
-script$y.__file = "src/widgets/Leaf.vue";
+script$z.__file = "src/widgets/Leaf.vue";
 
-var script$x = {
+var script$y = {
     name: 'w-pagebar',
-    mixins: [script$L],
+    mixins: [script$M],
     emits: ['click:item'],
     props: ['limit', 'size', 'offset', 'buttonCount', 'noFirstLast', 'face', 'jump'],
     data() {
@@ -8222,13 +8224,13 @@ var script$x = {
                this.html_face_normal()
       },
       html_buttons() {
-        return [h(script$11, {
+        return [h(script$12, {
           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$11, {
+        }), h(script$12, {
           class: 'w-pagebar-button w-pagebar-next',
           icon: '.f-i .f-i-angle-right',
           disabled: this.currentPage == this.sumPage,
@@ -8239,7 +8241,7 @@ var script$x = {
       html_drop() {
         let s = [];
         if (this.x.buttonCount) {
-          s.push(h(script$11, {
+          s.push(h(script$12, {
             class: 'w-pagebar-button w-pagebar-button-count w-pagebar-prev',
             ref: 'drop',
             text: this.currentPage + '/' + this.sumPage,
@@ -8248,8 +8250,8 @@ var script$x = {
         }
         if (this.showDrop) {
           let 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}));
+          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}));
         }
         return s
       },
@@ -8347,11 +8349,11 @@ var script$x = {
     }
   };
 
-script$x.__file = "src/widgets/PageBar.vue";
+script$y.__file = "src/widgets/PageBar.vue";
 
-var script$w = {
+var script$x = {
     name: 'w-split',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['collapsedIcon', 'expandedIcon', 'movable', 'range', 'toNext', 'expanded'],
     inject: ['provideLayout'],
     created() {
@@ -8448,11 +8450,11 @@ var script$w = {
     }
   };
 
-script$w.__file = "src/widgets/Split.vue";
+script$x.__file = "src/widgets/Split.vue";
 
-var script$v = {
+var script$w = {
     name: 'w-toggle',
-    mixins: [script$1i, script$1g],
+    mixins: [script$1j, script$1h],
     props: ['collapsedIcon', 'expandedIcon', 'expanded', 'align', 'valign'],
     methods: {
       x_default() {
@@ -8469,7 +8471,7 @@ var script$v = {
       html_slots() {
         let exp = this.x.expanded;
         let ico = exp ? this.x.expandedIcon : this.x.collapsedIcon;
-        return [ico && h(script$14, {
+        return [ico && h(script$15, {
           src: ico,
           class: 'w-toggle-icon',
         }), h('div', {class: 'w-toggle-main'}, this.$slots.default())]
@@ -8496,11 +8498,11 @@ var script$v = {
     }
   };
 
-script$v.__file = "src/widgets/Toggle.vue";
+script$w.__file = "src/widgets/Toggle.vue";
 
-var script$u = {
+var script$v = {
     name: 'w-video',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['src', 'poster'],
     data() {
       return {
@@ -8548,11 +8550,11 @@ var script$u = {
 
   };
 
-script$u.__file = "src/widgets/Video.vue";
+script$v.__file = "src/widgets/Video.vue";
 
-var script$t = {
+var script$u = {
     name: 'w-progress',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['percent', 'range', 'text'],
     methods: {
       html_slots() {
@@ -8593,11 +8595,11 @@ var script$t = {
     }
   };
 
-script$t.__file = "src/widgets/Progress.vue";
+script$u.__file = "src/widgets/Progress.vue";
 
-var script$s = {
+var script$t = {
     name: 'w-calendar',
-    mixins: [script$1i],
+    mixins: [script$1j],
     emits: ['click:item', 'change'],
     props: ['value', 'minValue', 'maxValue', 'current', 'pad', 'face', 'format', 'success', 'cg', 'start',
       'enableHour', 'enableMinute', 'enableSecond', 'defaultHour', 'defaultMinute', 'defaultSecond'
@@ -9364,103 +9366,106 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }, 16 /* FULL_PROPS */, ["class"]))
 }
 
-script$s.render = render$4;
-script$s.__file = "src/widgets/Calendar.vue";
+script$t.render = render$4;
+script$t.__file = "src/widgets/Calendar.vue";
 
-var script$r = {
+var script$s = {
     name: 'w-timeline',
-    mixins: [script$1h, script$X],
+    mixins: [script$1i, script$Y],
     props: ['face', 'vertical'],
     methods: {
       indent() {
         let len = this.$refs.wrap.querySelectorAll(':scope>.w-timeline-half>.w-timeline-item').length;
-        if (len <= 1) return
-        let vt = this.x.vertical;
-        let size = vt ? 'width' : 'height';
-        let prevWidth = 0;
-        let nextWidth = 0;
-        for (let i = 0; i < len; i++) {
-          let prev = this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i}"]`);
-          let next = i < len - 1 && this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i+1}"]`);
-          let prevBcr = $$1.bcr(prev.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
-          if (prev.parentNode == this.$refs.prev) {
-            prevWidth = Math.max(prevWidth, prevBcr[size]);
-          } else {
-            nextWidth = Math.max(nextWidth, prevBcr[size]);
-          }
-          if (next && prev.parentNode != next.parentNode) {
-            let nextBcr = $$1.bcr(next.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
-            if (vt && prevBcr.bottom + 25 > nextBcr.top) {
-              $$1.q(next).css({
-                marginTop: prevBcr.bottom + 25 - nextBcr.top
-              });
-            } else if (!vt && prevBcr.right + 50 > nextBcr.left) {
-              $$1.q(next).css({
-                marginLeft: prevBcr.right + 50 - nextBcr.left
-              });
+        if (len > 0) {
+          let vt = this.x.vertical;
+          let size = vt ? 'width' : 'height';
+          let prevWidth = 0;
+          let nextWidth = 0;
+          for (let i = 0; i < len; i++) {
+            let prev = this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i}"]`);
+            let next = i < len - 1 && this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i+1}"]`);
+            let prevBcr = $$1.bcr(prev.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
+            if (prev.parentNode == this.$refs.prev) {
+              prevWidth = Math.max(prevWidth, prevBcr[size]);
+            } else {
+              nextWidth = Math.max(nextWidth, prevBcr[size]);
+            }
+            if (next && prev.parentNode != next.parentNode) {
+              let nextBcr = $$1.bcr(next.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
+              if (vt && prevBcr.bottom + 25 > nextBcr.top) {
+                $$1.q(next).css({
+                  marginTop: prevBcr.bottom + 25 - nextBcr.top
+                });
+              } else if (!vt && prevBcr.right + 50 > nextBcr.left) {
+                $$1.q(next).css({
+                  marginLeft: prevBcr.right + 50 - nextBcr.left
+                });
+              }
             }
           }
-        }
-        let prevItems = $$1.q('>.w-timeline-item', this.$refs.prev);
-        prevItems.each((i, v) => {
-          let icon = $$1.q('>.w-timeline-item-icon', v);
-          let bcr = $$1.bcr(icon[0]);
-          icon.css({
-            [vt ? 'marginRight' : 'marginBottom']: (prevWidth - bcr[size]) / 2
+          let prevItems = $$1.q('>.w-timeline-item', this.$refs.prev);
+          prevItems.each((i, v) => {
+            let icon = $$1.q('>.w-timeline-item-icon', v);
+            let bcr = $$1.bcr(icon[0]);
+            icon.css({
+              [vt ? 'marginRight' : 'marginBottom']: (prevWidth - bcr[size]) / 2
+            });
           });
-        });
-        $$1.q('>.w-timeline-item', this.$refs.next).each((i, v) => {
-          let icon = $$1.q('>.w-timeline-item-icon', v);
-          let bcr = $$1.bcr(icon[0]);
-          icon.css({
-            [vt ? 'marginLeft' : 'marginTop']: (nextWidth - bcr[size]) / 2
+          $$1.q('>.w-timeline-item', this.$refs.next).each((i, v) => {
+            let icon = $$1.q('>.w-timeline-item-icon', v);
+            let bcr = $$1.bcr(icon[0]);
+            icon.css({
+              [vt ? 'marginLeft' : 'marginTop']: (nextWidth - bcr[size]) / 2
+            });
           });
-        });
-        prevItems.length && $$1.q(this.$refs.next).css({
-          [vt ? 'marginLeft' : 'marginTop']: `-${nextWidth/2 + prevWidth/2}px`
-        });
-        
-        const wrapBcr = $$1.bcr(this.$refs.wrap);
-        const center = [];
-        let bg = [];
-        let linePos = 0;
-        let lineColor = '#ddd';
-        for (let i = 0; i < len; i++) {
-          let el = $$1.q(`>.w-timeline-half>.w-timeline-item[w-index="${i}"]`, this.$refs.wrap);
-          let b = $$1.bcr(el.find('>.w-timeline-item-icon>.w-timeline-item-icon-img')[0]);
-          let c = {x: b.left + (b.width / 2), y: b.top + (b.height / 2), color: el.attr('w-line-color')};
-          center.push(c);
-        }
-        center.sort((n, m) => this.x.vertical ? (n.y < m.y ? -1 : 0) : (n.x < m.x ? -1 : 0));
-        for (let i = 0; i < len; i++) {
-          const c = center[i];
-          if (i > 0) {
-            const prev = center[0];
-            linePos = this.x.vertical ? c.y - prev.y : c.x - prev.x;
-            bg.push(`${lineColor} ${linePos}px`);
-          }
-          if (c.color) lineColor = c.color;
-          if (i > 0) {
-            bg.push(`${lineColor} ${linePos}px`);
-          }
-        }
-        if (this.x.vertical) {
-          $$1.q(this.$refs.line).css({
-            width: 2,
-            height: center[len-1].y - center[0].y,
-            top: center[0].y - wrapBcr.top,
-            left: center[0].x - wrapBcr.left - 1,
+          prevItems.length && $$1.q(this.$refs.next).css({
+            [vt ? 'marginLeft' : 'marginTop']: `-${nextWidth/2 + prevWidth/2}px`
           });
+        }
+        if (len == 0) {
+          $$1.q(this.$refs.line).css({width: 0, height: 0});
         } else {
-          $$1.q(this.$refs.line).css({
-            width: center[len-1].x - center[0].x,
-            height: 2,
-            top: center[0].y - wrapBcr.top - 1,
-            left: center[0].x - wrapBcr.left,
-            background: `linear-gradient(to right, ${bg.join()})`
-          });
+          const wrapBcr = $$1.bcr(this.$refs.wrap);
+          const center = [];
+          let bg = [];
+          let linePos = 0;
+          let lineColor = '#ddd';
+          for (let i = 0; i < len; i++) {
+            let el = $$1.q(`>.w-timeline-half>.w-timeline-item[w-index="${i}"]`, this.$refs.wrap);
+            let b = $$1.bcr(el.find('>.w-timeline-item-icon>.w-timeline-item-icon-img')[0]);
+            let c = {x: b.left + (b.width / 2), y: b.top + (b.height / 2), color: el.attr('w-line-color')};
+            center.push(c);
+          }
+          center.sort((n, m) => this.x.vertical ? (n.y < m.y ? -1 : 0) : (n.x < m.x ? -1 : 0));
+          for (let i = 0; i < len; i++) {
+            const c = center[i];
+            if (i > 0) {
+              const prev = center[0];
+              linePos = this.x.vertical ? c.y - prev.y : c.x - prev.x;
+              bg.push(`${lineColor} ${linePos}px`);
+            }
+            if (c.color) lineColor = c.color;
+            if (i > 0) {
+              bg.push(`${lineColor} ${linePos}px`);
+            }
+          }
+          if (this.x.vertical) {
+            $$1.q(this.$refs.line).css({
+              width: 2,
+              height: center[len-1].y - center[0].y,
+              top: center[0].y - wrapBcr.top,
+              left: center[0].x - wrapBcr.left - 1,
+            });
+          } else {
+            $$1.q(this.$refs.line).css({
+              width: center[len-1].x - center[0].x,
+              height: 2,
+              top: center[0].y - wrapBcr.top - 1,
+              left: center[0].x - wrapBcr.left,
+              background: `linear-gradient(to right, ${bg.join()})`
+            });
+          }
         }
-
       },
       html_slots() {
         let prevSlots = [];
@@ -9519,12 +9524,12 @@ var script$r = {
     }
   };
 
-script$r.__file = "src/widgets/Timeline.vue";
+script$s.__file = "src/widgets/Timeline.vue";
 
-var script$q = {
+var script$r = {
     name: 'w-timeline-item',
     pubParentName: 'w-timeline',
-    mixins: [script$1i],
+    mixins: [script$1j],
     inject: ['providePubParent'],
     props: ['position', 'index', 'align', 'lineColor'],
     watch: {
@@ -9563,11 +9568,11 @@ var script$q = {
     }
   };
 
-script$q.__file = "src/widgets/TimelineItem.vue";
+script$r.__file = "src/widgets/TimelineItem.vue";
 
-var script$p = {
+var script$q = {
     name: 'w-slidepicker',
-    mixins: [script$1i],
+    mixins: [script$1j],
     provide() {
       return {
         provideOptionParent: this,
@@ -9793,12 +9798,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 16 /* FULL_PROPS */))
 }
 
-script$p.render = render$3;
-script$p.__file = "src/widgets/SlidePicker.vue";
+script$q.render = render$3;
+script$q.__file = "src/widgets/SlidePicker.vue";
 
-var script$o = {
+var script$p = {
     name: 'w-hidden',
-    mixins: [script$B],
+    mixins: [script$C],
     methods: {
       isModified() {
         return false
@@ -9817,11 +9822,11 @@ var script$o = {
     
   };
 
-script$o.__file = "src/widgets/Hidden.vue";
+script$p.__file = "src/widgets/Hidden.vue";
 
-var script$n = {
+var script$o = {
     name: 'w-text',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['minLength', 'maxLength', 'pattern', 'clearable', 'showCount'],
 		emits: ['clear'],
     data() {
@@ -9873,11 +9878,11 @@ var script$n = {
     }
   };
 
-script$n.__file = "src/widgets/Text.vue";
+script$o.__file = "src/widgets/Text.vue";
 
-var script$m = {
+var script$n = {
     name: 'w-textarea',
-    mixins: [script$n],
+    mixins: [script$o],
     methods: {
       html_slot_down() {
         const down = this.slot('down');
@@ -9910,11 +9915,11 @@ var script$m = {
     }
   };
 
-script$m.__file = "src/widgets/Textarea.vue";
+script$n.__file = "src/widgets/Textarea.vue";
 
-var script$l = {
+var script$m = {
     name: 'w-checkboxgroup',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['modelValue', 'required', 'vertical', 'gap', 'minSize', 'maxSize', 'br'],
     provide() {
       return {
@@ -9952,19 +9957,19 @@ var script$l = {
     }
   };
 
-script$l.__file = "src/widgets/CheckBoxGroup.vue";
+script$m.__file = "src/widgets/CheckBoxGroup.vue";
 
-var script$k = {
+var script$l = {
     name: 'w-radiogroup',
-    mixins: [script$l]
+    mixins: [script$m]
   };
 
-script$k.__file = "src/widgets/RadioGroup.vue";
+script$l.__file = "src/widgets/RadioGroup.vue";
 
-var script$j = {
+var script$k = {
     name: 'w-radio',
     pubParentName: 'w-radiogroup',
-    mixins: [script$A],
+    mixins: [script$B],
     props: ['cancelable'],
     methods: {
 
@@ -9992,12 +9997,12 @@ var script$j = {
     }
   };
 
-script$j.__file = "src/widgets/Radio.vue";
+script$k.__file = "src/widgets/Radio.vue";
 
-var script$i = {
+var script$j = {
     name: 'w-switch',
     pubParentName: 'w-checkboxgroup',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['checkedText', 'uncheckedText', 'checkedValue', 'uncheckedValue'],
     inject: ['providePubParent'],
     methods: {
@@ -10045,7 +10050,7 @@ var script$i = {
     }
   };
 
-script$i.__file = "src/widgets/Switch.vue";
+script$j.__file = "src/widgets/Switch.vue";
 
 const mimes = {
   ".323": "text/h323",
@@ -10576,9 +10581,9 @@ const suffixHooks = {
       'T' ? 1024 * 1024 * 1024 * 1024 : 1)
   };
 
-  var script$h = {
+  var script$i = {
     name: 'w-fileupload',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['uploadSrc', 'thumbnailSrc', 'downloadSrc', 'uploadLimit', 'sizeLimit', 'maxFileSize', 'minFileSize',
       'fileTypes', 'filter', 'success', 'error', 'itemWidth', 'align', 'vertical', 'gap', 'checkFile'
     ],
@@ -10782,7 +10787,7 @@ const suffixHooks = {
             onclick: e => this.remove(item)
           })];
 					if (value && this.$slots.menu) {
-						button.push(h(script$10, null, {
+						button.push(h(script$11, null, {
 							target: () => h('div', {
 								class: 'w-fileupload-value-menu f-i f-i-ellipsis',
 								title: $$1.loc.more,
@@ -10834,14 +10839,14 @@ const suffixHooks = {
       },
       html_input_button() {
         return h('div', {}, [
-          h(script$L, {
+          h(script$M, {
               ref: 'uploadbbr',
               class: 'w-fileupload-bbr',
               gap: 10,
             }, {
               default: () => [
                 this.$slots.button ? this.$slots.button(this) :
-                h(script$11, {
+                h(script$12, {
                   text: '选择文件',
                   icon: '.f-i .f-i-upload',
                   class: 'w-fileupload-button',
@@ -10916,9 +10921,9 @@ const suffixHooks = {
     }
   };
 
-script$h.__file = "src/widgets/FileUpload.vue";
+script$i.__file = "src/widgets/FileUpload.vue";
 
-var script$g = {
+var script$h = {
     props: ['item'],
     inject: ['provideUpload'],
     data() {
@@ -11097,12 +11102,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "src", "data-url", "width", "img-width", "img-height", "tip", "onClick"]))
 }
 
-script$g.render = render$2;
-script$g.__file = "src/widgets/MediaUploadItem.vue";
+script$h.render = render$2;
+script$h.__file = "src/widgets/MediaUploadItem.vue";
 
-var script$f = {
+var script$g = {
     name: 'w-mediaupload',
-    mixins: [script$h],
+    mixins: [script$i],
     props: ['thumbnailWidth', 'thumbnailHeight', 'showFileName'],
     provide() {
       return {
@@ -11123,17 +11128,17 @@ var script$f = {
         return this.list.map((item, index) => {
           let key = item.value ? item.value.id : item.key;
           if (!key) {item.key = key = $$1.uid();}
-          return h(script$g, {item, index, key})
+          return h(script$h, {item, index, key})
         })
       },
       html_input_button() {
         return h('div', {}, [
-          h(script$L, {
+          h(script$M, {
             ref: 'uploadbbr',
             class: 'w-fileupload-bbr'
           }, {
             default: () => [
-              this.$slots.button ? this.$slots.button(this) : h(script$11, {
+              this.$slots.button ? this.$slots.button(this) : h(script$12, {
                 ref: 'uploadbutton',
                 title: $$1.loc.form.choose_image,
                 icon: '.f-i .f-i-plus',
@@ -11151,7 +11156,7 @@ var script$f = {
         ])
       },
       html_input() {
-        return this.html_input_form().concat(h(script$1f, {
+        return this.html_input_form().concat(h(script$1g, {
           width: '*',
           class: 'w-mediaupload-list',
           align: this.x.align,
@@ -11170,11 +11175,11 @@ var script$f = {
     }
   };
 
-script$f.__file = "src/widgets/MediaUpload.vue";
+script$g.__file = "src/widgets/MediaUpload.vue";
 
-var script$e = {
+var script$f = {
     name: 'w-imageupload',
-    mixins: [script$f],
+    mixins: [script$g],
     methods: {
       x_default() {
         return {
@@ -11193,11 +11198,11 @@ var script$e = {
     },
   };
 
-script$e.__file = "src/widgets/ImageUpload.vue";
+script$f.__file = "src/widgets/ImageUpload.vue";
 
-var script$d = {
+var script$e = {
     name: 'w-option',
-    mixins: [script$1i],
+    mixins: [script$1j],
     props: ['value', 'text', 'disabled'],
     inject: ['provideOptionParent'],
     methods: {
@@ -11242,12 +11247,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ], 16 /* FULL_PROPS */, _hoisted_1$1))
 }
 
-script$d.render = render$1;
-script$d.__file = "src/widgets/Option.vue";
+script$e.render = render$1;
+script$e.__file = "src/widgets/Option.vue";
 
-var script$c = {
+var script$d = {
     name: 'w-spinner',
-    mixins: [script$n],
+    mixins: [script$o],
     inject: ['provideRangeParent'],
     props: ['decimal', 'format', 'showButton', 'buttonPosition', 'step', 'autoFix', 'compare', 'minValue', 'maxValue'],
     mounted() {
@@ -11468,11 +11473,11 @@ var script$c = {
     }
   };
 
-script$c.__file = "src/widgets/Spinner.vue";
+script$d.__file = "src/widgets/Spinner.vue";
 
-var script$b = {
+var script$c = {
     name: 'w-datepicker',
-    mixins: [script$n],
+    mixins: [script$o],
     inject: ['provideRangeParent'],
     props: ['showButton', 'multiple', 'format', 'autoFix', 'compare', 'minValue', 'maxValue', 'dropProps', 'enableHour', 'enableMinute', 'enableSecond',
       'defaultHour', 'defaultMinute', 'defaultSecond'],
@@ -11624,8 +11629,8 @@ var script$b = {
 						indent: 1
           };
 					dropProps = this.mergeDropProps(dropProps);
-          r.push(h(script$1b, dropProps, {
-            default: () => h(script$s, {
+          r.push(h(script$1c, dropProps, {
+            default: () => h(script$t, {
               height: '*',
               pad: true,
               current: this.currentDate || this.x.modelValue || '',
@@ -11736,11 +11741,11 @@ var script$b = {
     }
   };
 
-script$b.__file = "src/widgets/DatePicker.vue";
+script$c.__file = "src/widgets/DatePicker.vue";
 
-var script$a = {
+var script$b = {
     name: 'w-dropbox',
-    mixins: [script$B],
+    mixins: [script$C],
     provide() {
       return {
         provideOptionParent: this,
@@ -11812,7 +11817,7 @@ var script$a = {
             scrollView: '.z-on'
 					};
           dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1b, dropProps, this.$slots));
+					r.push(h(script$1c, dropProps, this.$slots));
 				}
 				return r
       },
@@ -11855,11 +11860,11 @@ var script$a = {
     }
   };
 
-script$a.__file = "src/widgets/DropBox.vue";
+script$b.__file = "src/widgets/DropBox.vue";
 
-var script$9 = {
+var script$a = {
     name: 'w-pickbox',
-    mixins: [script$a],
+    mixins: [script$b],
     props: ['picker'],
     methods: {
       // implement
@@ -11929,11 +11934,11 @@ var script$9 = {
     }
   };
 
-script$9.__file = "src/widgets/PickBox.vue";
+script$a.__file = "src/widgets/PickBox.vue";
 
-var script$8 = {
+var script$9 = {
     name: 'w-password',
-    mixins: [script$n],
+    mixins: [script$o],
     props: ['compare'],
     methods: {
       getCompareError(v, r) {
@@ -11963,11 +11968,11 @@ var script$8 = {
     }
   };
 
-script$8.__file = "src/widgets/Password.vue";
+script$9.__file = "src/widgets/Password.vue";
 
-var script$7 = {
+var script$8 = {
     name: 'w-range',
-    mixins: [script$B],
+    mixins: [script$C],
     provide() {
       return {
         provideRangeParent: this
@@ -12003,11 +12008,11 @@ var script$7 = {
     }
   };
 
-script$7.__file = "src/widgets/Range.vue";
+script$8.__file = "src/widgets/Range.vue";
 
-var script$6 = {
+var script$7 = {
     name: 'w-combobox',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['multiple', 'strict', 'dropper', 'picker', 'dropProps', 'br', 'clearable'],
     emits: ['input', 'click:item', 'blur', 'focus', 'clear'],
     data() {
@@ -12253,7 +12258,7 @@ var script$6 = {
             scrollY: true
           };
 					dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1b, dropProps, this.$slots));
+					r.push(h(script$1c, dropProps, this.$slots));
 				}
         return [
           this.html_input_hidden(),
@@ -12340,11 +12345,11 @@ var script$6 = {
     }
   };
 
-script$6.__file = "src/widgets/ComboBox.vue";
+script$7.__file = "src/widgets/ComboBox.vue";
 
-var script$5 = {
+var script$6 = {
     name: 'w-linkbox',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['multiple', 'picker', 'dropProps', 'separator', 'strict', 'br', 'clearable'],
     emits: ['input', 'dblclick:item', 'clear'],
     created() {
@@ -12725,7 +12730,7 @@ var script$5 = {
             scrollY: true
           };
 					dropProps = this.mergeDropProps(dropProps);
-					r.push(h(script$1b, dropProps, this.$slots));
+					r.push(h(script$1c, dropProps, this.$slots));
 				}
         return [
           this.html_input_hidden(),
@@ -12802,9 +12807,9 @@ var script$5 = {
     }
   };
 
-script$5.__file = "src/widgets/LinkBox.vue";
+script$6.__file = "src/widgets/LinkBox.vue";
 
-var script$4 = {
+var script$5 = {
 		props: ['width', 'height', 'context'],
     data() {
       return {
@@ -12882,14 +12887,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["width", "height", "context"]))
 }
 
-script$4.render = render;
-script$4.__file = "src/template/TemplateJigsaw.vue";
+script$5.render = render;
+script$5.__file = "src/template/TemplateJigsaw.vue";
 
 const init_text = $$1.loc.form.jigsaw_drag_right;
 
-  var script$3 = {
+  var script$4 = {
     name: 'w-jigsaw',
-    mixins: [script$B],
+    mixins: [script$C],
     emits: ['drop', 'click:refresh'],
     props: ['big', 'small', 'dropWidth'],
     data() {
@@ -13032,7 +13037,7 @@ const init_text = $$1.loc.form.jigsaw_drag_right;
 				if (this.showDrop) {
 					let width = Math.max($$1.number(this.x.dropWidth), $$1.bcr(this.el('form')).width);
 					let height = Math.ceil(width * (this.x.big.height / this.x.big.width));
-					r.push(h(script$4, {
+					r.push(h(script$5, {
 					  ownproperty: true,
 					  width,
 					  height,
@@ -13070,11 +13075,11 @@ const init_text = $$1.loc.form.jigsaw_drag_right;
     }
   };
 
-script$3.__file = "src/widgets/Jigsaw.vue";
+script$4.__file = "src/widgets/Jigsaw.vue";
 
-var script$2 = {
+var script$3 = {
     name: 'w-form',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['vertical'],
     methods: {
       getInputValue(mv) {
@@ -13116,11 +13121,60 @@ var script$2 = {
     },
   };
 
-script$2.__file = "src/widgets/Form.vue";
+script$3.__file = "src/widgets/Form.vue";
+
+var script$2 = {
+    name: 'w-formgroup',
+    mixins: [script$C],
+    props: ['columns', 'rows', 'gap', 'defaultColspan'],
+    methods: {
+      x_default() {
+        return {
+          columns: 12,
+          gap: 0,
+        }
+      },
+      getInputValue(mv) {
+        return mv == null ? '' : typeof mv === 'object' ? JSON.stringify(mv) : mv
+      },
+      html_input() {
+        return [
+          this.html_input_hidden(),
+          this.$slots.default && this.$slots.default()
+        ]
+      },
+    },
+    computed: {
+      validHooks() {
+        return {
+          ...this.pubValidHooks
+        }
+      },
+      html_style() {
+        let cols = this.x.columns;
+        if ($$1.isNumber(cols)) cols = `repeat(${cols}, 1fr)`;
+        let rows = this.x.rows;
+        if ($$1.isNumber(rows)) rows = `repeat(${rows}, 1fr)`;
+        this.x.defaultColspan;
+        return {
+          '--w-fromgroup-template-columns': cols,
+          '--w-fromgroup-template-rows': rows,
+          '--w-grid-gap': this.x.gap ? $$1.unitSize(this.x.gap) : '',
+        }
+      },
+      form_prop() {
+        return this.name && {
+          onclick: e => this.warn(false)
+        }
+      }
+    },
+  };
+
+script$2.__file = "src/widgets/FormGroup.vue";
 
 var script$1 = {
     name: 'w-rate',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['allowHalf', 'cancelable', 'sum', 'count', 'text'],
     data() {
       return {
@@ -13144,7 +13198,7 @@ var script$1 = {
         this.x.modelValue = this.x.cancelable && this.x.modelValue == i ? '' : i;
       },
       html_star(i) {
-        return h(script$14, {
+        return h(script$15, {
           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),
@@ -13195,26 +13249,23 @@ script$1.__file = "src/widgets/Rate.vue";
       minimumFractionDigits: 0,
       maximumFractionDigits: 20 // 限制精度防止溢出
     });
-    
     // Step 2: 处理科学计数法（如 0.0000001 → 1e-7）
     if (numStr.includes('e')) {
       const [sig, exp] = numStr.split('e');
-      const exponent = parseInt(exp, 10);
-      numStr = Number(num).toFixed(Math.abs(exponent) + (sig.split('.')?.length || 0));
+      const exponent = parseInt(exp, 10);
+      numStr = Number(num).toFixed(Math.abs(exponent) + (sig.split('.').length || 0));
     }
-    
     // Step 3: 分割整数和小数部分
     const [integer, decimal] = numStr.split('.');
-    if (!decimal) return 0;
-    
+    if (!decimal) return 0
     // Step 4: 可选去除末尾零
     const trimmed = trimZeros ? decimal.replace(/0+$/, '') : decimal;
-    return trimmed.length;
+    return trimmed.length
   }
 
   var script = {
     name: 'w-slider',
-    mixins: [script$B],
+    mixins: [script$C],
     props: ['minValue', 'maxValue', 'step'],
 		emits: ['drop'],
     data() {
@@ -13297,11 +13348,11 @@ script$1.__file = "src/widgets/Rate.vue";
 script.__file = "src/widgets/Slider.vue";
 
 const components = [
-  script$1j, script$1d, script$1b, script$19, script$17, script$15, script$10, script$$, 
-  script$O, script$1e, script$1f, script$_, script$Z, script$Y, script$U, script$V, script$T, script$S, script$R, script$P, script$M, script$N, script$I, script$H,
-  script$G, script$14, script$L, script$11, script$12, script$F, script$E, script$y, script$D, script$x, script$w, script$v, script$u, script$t, script$s, script$r, script$q, script$p,
-  script$C, script$o, script$n, script$m, script$l, script$A, script$k, script$j, script$z, script$i, script$h, script$f, script$e, script$d,
-  script$c, script$b, script$a, script$9, script$8, script$7, script$6, script$5, script$3, script$2, script$1, script
+  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$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
 ];
 
 //每个组件从这里曝露，以便在某些特殊需求情境下，业务可以修改源码