dfish-widget 1.0.38 → 1.0.39

package/lib/index.esm.js

@@ -1800,7 +1800,7 @@ function directive(Vue) {
 
 const bindCache = {};
 
-  var script$1i = {
+  var script$1j = {
     props: ['data', 'width', 'height', 'colspan', 'rowspan', 'ownproperty', 'orientUid'],
     data() {
       return {
@@ -2065,10 +2065,10 @@ const bindCache = {};
     }
   };
 
-script$1i.__file = "src/widgets/WidgetAbs.vue";
+script$1j.__file = "src/widgets/WidgetAbs.vue";
 
-var script$1h = {
-    props: ['src', 'children'],
+var script$1i = {
+    props: ['src', 'children', 'parentItem'],
     data() {
       return {
         loading: false,
@@ -2101,11 +2101,11 @@ var script$1h = {
     }
   };
 
-script$1h.__file = "src/widgets/SrcParent.vue";
+script$1i.__file = "src/widgets/SrcParent.vue";
 
-var script$1g = {
+var script$1h = {
     name: 'w-view',
-    mixins: [script$1h],
+    mixins: [script$1i],
     provide() {
       return {
         provideView: this
@@ -2304,9 +2304,9 @@ var script$1g = {
     }
   };
 
-script$1g.__file = "src/widgets/ViewAbs.vue";
+script$1h.__file = "src/widgets/ViewAbs.vue";
 
-var script$1f = {
+var script$1g = {
     name: 'w-svg-loading'
   };
 
@@ -2332,14 +2332,14 @@ const _hoisted_6$2 = [
   _hoisted_5$2
 ];
 
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_6$2))
 }
 
-script$1f.render = render$7;
-script$1f.__file = "src/assets/SVGIcon.vue";
+script$1g.render = render$8;
+script$1g.__file = "src/assets/SVGIcon.vue";
 
-var script$1e = {
+var script$1f = {
     props: ['data'],
     data() {
       return {
@@ -2385,7 +2385,7 @@ const _hoisted_2$6 = ["src"];
 const _hoisted_3$4 = { class: "_rotate" };
 const _hoisted_4$2 = /*#__PURE__*/createElementVNode("span", { class: "_s" }, "|", -1 /* HOISTED */);
 
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_w_swiper_item = resolveComponent("w-swiper-item");
   const _component_w_swiper = resolveComponent("w-swiper");
   const _component_w_video = resolveComponent("w-video");
@@ -2453,10 +2453,10 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1e.render = render$6;
-script$1e.__file = "src/template/TemplatePreviewMedia.vue";
+script$1f.render = render$7;
+script$1f.__file = "src/template/TemplatePreviewMedia.vue";
 
-var script$1d = {
+var script$1e = {
     props: ['data'],
     data() {
       let f = this.data.format || 'yyyy-MM-dd';
@@ -2640,7 +2640,7 @@ var script$1d = {
     }
   };
 
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_w_button = resolveComponent("w-button");
   const _component_w_buttonbar = resolveComponent("w-buttonbar");
   const _component_w_html = resolveComponent("w-html");
@@ -2957,12 +2957,12 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   }))
 }
 
-script$1d.render = render$5;
-script$1d.__file = "src/template/TemplateDateSheet.vue";
+script$1e.render = render$6;
+script$1e.__file = "src/template/TemplateDateSheet.vue";
 
-var script$1c = {
+var script$1d = {
     name: 'w-docview',
-    mixins: [script$1i, script$1g],
+    mixins: [script$1j, script$1h],
     provide() {
       return {
         providePubParent: null,
@@ -2983,15 +2983,15 @@ var script$1c = {
         return null
       },
       previewVideo(src) {
-        this.pop(script$1e, {data: {type: 'video', src}});
+        this.pop(script$1f, {data: {type: 'video', src}});
       },
       previewImage(imgs, options) {
-        this.pop(script$1e, {data: {type: 'image', imgs, options}});
+        this.pop(script$1f, {data: {type: 'image', imgs, options}});
       },
       //dateOptions: {value, format, minValue, maxValue, success}
       dateSheet(dateOptions, dialogOptions) {
-        this.pop(script$1d, {
-          template: script$1d,
+        this.pop(script$1e, {
+          template: script$1e,
           width: '100%',
           height: '55%',
           position: 'b',
@@ -3007,20 +3007,20 @@ var script$1c = {
         return [
           this.$slots.default && this.$slots.default(),
           this.html_pops(),
-          h(script$1f),
+          h(script$1g),
         ]
       }
     }
   };
 
-script$1c.__file = "src/widgets/DocView.vue";
+script$1d.__file = "src/widgets/DocView.vue";
 
-var script$1b = {
-    mixins: [script$1i],
+var script$1c = {
+    mixins: [script$1j],
     inject: ['provideView']
   };
 
-script$1b.__file = "src/widgets/WidgetBase.vue";
+script$1c.__file = "src/widgets/WidgetBase.vue";
 
 const onScroll = function(e) {
     if (this.wScrollPercentX) {
@@ -3061,8 +3061,8 @@ const onScroll = function(e) {
     }, dnEv);
   };
 
-  var script$1a = {
-    mixins: [script$1b],
+  var script$1b = {
+    mixins: [script$1c],
     props: ['scrollX', 'scrollY', 'scrollView', 'scrollFlex'],
     data() {
       return {
@@ -3348,9 +3348,9 @@ const onScroll = function(e) {
     }
   };
 
-script$1a.__file = "src/widgets/Scroll.vue";
+script$1b.__file = "src/widgets/Scroll.vue";
 
-var script$19 = {
+var script$1a = {
     props: ['align', 'valign', 'gap'],
     computed: {
       dir() {
@@ -3365,11 +3365,11 @@ var script$19 = {
     }
   };
 
-script$19.__file = "src/widgets/AlignParent.vue";
+script$1a.__file = "src/widgets/AlignParent.vue";
 
-var script$18 = {
+var script$19 = {
     name: 'w-horizontal',
-    mixins: [script$1a, script$19],
+    mixins: [script$1b, script$1a],
     props: ['br', 'reverse'],
     provide() {
       return {
@@ -3421,11 +3421,11 @@ var script$18 = {
     }
   };
 
-script$18.__file = "src/widgets/Horizontal.vue";
+script$19.__file = "src/widgets/Horizontal.vue";
 
-var script$17 = {
+var script$18 = {
     name: 'w-vertical',
-    mixins: [script$18],
+    mixins: [script$19],
     computed: {
       dir() {
         return 'v'
@@ -3433,11 +3433,11 @@ var script$17 = {
     }
   };
 
-script$17.__file = "src/widgets/Vertical.vue";
+script$18.__file = "src/widgets/Vertical.vue";
 
-var script$16 = {
+var script$17 = {
     name: 'w-view',
-    mixins: [script$17, script$1g],
+    mixins: [script$18, script$1h],
     inject: ['provideView'],
     methods: {
 			html_slots() {
@@ -3454,7 +3454,7 @@ var script$16 = {
     }
   };
 
-script$16.__file = "src/widgets/View.vue";
+script$17.__file = "src/widgets/View.vue";
 
 const O = {},
     T = true,
@@ -3471,9 +3471,9 @@ const O = {},
 	  return typeof a === 'string' && a.split(',').map(v => positionHooks[v] || v).join()
 	};
 
-  var script$15 = {
+  var script$16 = {
     name: 'w-dialog',
-    mixins: [script$16],
+    mixins: [script$17],
     props: ['title', 'autoHide', 'context', 'prong', 'independent', 'timeout',
       'cover', 'position', 'snap', 'indent', 'local', 'fullScreen', 'hoverShowDrop', 'visible',
 			...boundary
@@ -3848,12 +3848,12 @@ const O = {},
     }
   };
 
-script$15.__file = "src/widgets/Dialog.vue";
+script$16.__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 */);
   
   
-var script$14 = {
+var script$15 = {
   __name: 'TemplateAlert',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -3986,11 +3986,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$14.__file = "src/template/TemplateAlert.vue";
+script$15.__file = "src/template/TemplateAlert.vue";
 
-var script$13 = {
+var script$14 = {
     name: 'w-alert',
-    mixins: [script$15],
+    mixins: [script$16],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4008,7 +4008,7 @@ var script$13 = {
       },
       html_slots_default() {
         return h(
-          script$14,
+          script$15,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4024,12 +4024,12 @@ var script$13 = {
     }
   };
 
-script$13.__file = "src/widgets/Alert.vue";
+script$14.__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 */);
   
   
-var script$12 = {
+var script$13 = {
   __name: 'TemplateConfirm',
   props: ['text', 'escape', 'title', 'icon', 'showButton'],
   emits: ['save', 'close'],
@@ -4169,11 +4169,11 @@ return (_ctx, _cache) => {
 
 };
 
-script$12.__file = "src/template/TemplateConfirm.vue";
+script$13.__file = "src/template/TemplateConfirm.vue";
 
-var script$11 = {
+var script$12 = {
     name: 'w-confirm',
-    mixins: [script$15],
+    mixins: [script$16],
     props: ['text', 'title', 'escape', 'yes', 'no', 'showButton'],
     methods: {
       x_default() {
@@ -4192,7 +4192,7 @@ var script$11 = {
       },
       html_slots_default() {
         return h(
-          script$12,
+          script$13,
           {
             text: this.x.text,
             title: this.x.title,
@@ -4208,7 +4208,7 @@ var script$11 = {
     }
   };
 
-script$11.__file = "src/widgets/Confirm.vue";
+script$12.__file = "src/widgets/Confirm.vue";
 
 const _hoisted_1$5 = { class: "w-tip-body" };
 const _hoisted_2$5 = {
@@ -4218,7 +4218,7 @@ const _hoisted_2$5 = {
 const _hoisted_3$3 = ["innerHTML"];
 
 
-var script$10 = {
+var script$11 = {
   __name: 'TemplateTip',
   props: ['text', 'escape'],
   setup(__props) {
@@ -4242,16 +4242,16 @@ return (_ctx, _cache) => {
 
 };
 
-script$10.__file = "src/template/TemplateTip.vue";
+script$11.__file = "src/template/TemplateTip.vue";
 
 let inst$1 = null;
   let tipCache = {
     time: new Date().getTime()
   };
   
-  var script$$ = {
+  var script$10 = {
     name: 'w-tip',
-    mixins: [script$15],
+    mixins: [script$16],
     props: ['face', 'text', 'escape'],
     methods: {
       x_default() {
@@ -4263,7 +4263,7 @@ let inst$1 = null;
         }
       },
       html_slots_default() {
-        return h(script$10, {text: this.x.text, escape: this.x.escape}, this.$slots)
+        return h(script$11, {text: this.x.text, escape: this.x.escape}, this.$slots)
       }
     },
     computed: {
@@ -4288,12 +4288,12 @@ let inst$1 = null;
     }
   };
 
-script$$.__file = "src/widgets/Tip.vue";
+script$10.__file = "src/widgets/Tip.vue";
 
-var script$_ = {
+var script$$ = {
     name: 'w-img',
     pubParentName: 'w-album',
-    mixins: [script$1b],
+    mixins: [script$1c],
     inject: ['providePubParent'],
     props: ['src', 'text', 'square', 'imgWidth', 'imgHeight', 'dataUrl', 'vertical', 'disabled'],
     data() {
@@ -4339,7 +4339,7 @@ var script$_ = {
               class: 'w-img-cover f-abs-full'
             }, this.$slots.cover())
           ]),
-          cont && h(script$17, {
+          cont && h(script$18, {
             class: 'w-img-description'
           }, cont)
         ]
@@ -4373,12 +4373,12 @@ var script$_ = {
     }
   };
 
-script$_.__file = "src/widgets/Img.vue";
+script$$.__file = "src/widgets/Img.vue";
 
-var script$Z = {
+var script$_ = {
     name: 'w-button',
     pubParentName: 'w-buttonbar',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['text', 'icon', 'focusIcon', 'face', 'target', 'closable', 'loading', 'disabled', 'vertical', 'hoverShowDrop', 'dropProps', 'dropIcon', 'showDropIcon'],
     inject: ['providePubParent'],
     emits: ['click:close', 'dropClose'],
@@ -4472,7 +4472,7 @@ var script$Z = {
         if (this.x.loading) {
           r.push(h('div', {
             class: 'w-button-loading f-abs-full f-flex-center'
-          }, h(script$_, {
+          }, h(script$$, {
             src: '#f-svg-loading'
           })));
         }
@@ -4487,7 +4487,7 @@ var script$Z = {
           }, h('span', {class: 'w-button-text-line f-line-1', title}, t)));
         }
         if (this.isMore && this.x.showDropIcon) {
-          r.push(h(script$_, {
+          r.push(h(script$$, {
             class: 'w-button-more f-flex-center f-height',
             src: this.x.dropIcon || '.f-i .f-i-caret-down'
           }));
@@ -4505,7 +4505,7 @@ var script$Z = {
             class: 'w-button-main f-oh f-height',
             ...(this.isCombo && !this.isDisabled && this.mouses),
           }, r),
-          this.isCombo && h(script$_, {
+          this.isCombo && h(script$$, {
             class: 'w-button-drop f-flex-center f-height',
             src: this.x.dropIcon || '.f-i .f-i-caret-down',
             ...(!this.isDisabled && this.mouses),
@@ -4552,11 +4552,11 @@ var script$Z = {
     }
   };
 
-script$Z.__file = "src/widgets/Button.vue";
+script$_.__file = "src/widgets/Button.vue";
 
-var script$Y = {
+var script$Z = {
     name: 'w-menubutton',
-    mixins: [script$Z],
+    mixins: [script$_],
     methods: {
 			ajax(...args) {
 			  return this.parentMenu.rootCommander.ajax(...args)
@@ -4619,7 +4619,7 @@ var script$Y = {
             onclick: this.clickClose
           })));
         }
-        r.push(h(script$_, {
+        r.push(h(script$$, {
           class: 'w-menubutton-drop f-flex-center f-height',
           src: this.isMore ? (this.x.dropIcon || '.f-i .f-i-caret-right') : ''
         }));
@@ -4669,7 +4669,7 @@ var script$Y = {
     },
   };
 
-script$Y.__file = "src/widgets/MenuButton.vue";
+script$Z.__file = "src/widgets/MenuButton.vue";
 
 let inst = null;
 	
@@ -4684,9 +4684,9 @@ let inst = null;
 		return inst && (ctx.hasBubble(inst.context) || inst.hasBubble(ctx))
 	}
 
-  var script$X = {
+  var script$Y = {
     name: 'w-menu',
-    mixins: [script$15],
+    mixins: [script$16],
     methods: {
       x_default() {
         return {
@@ -4741,8 +4741,8 @@ let inst = null;
       },
       html_buttons() {
         return this.slots_children().map(s => {
-					if (s.type === script$Z) {
-						s.type = script$Y;
+					if (s.type === script$_) {
+						s.type = script$Z;
 					}
           return s
         })
@@ -4755,7 +4755,7 @@ let inst = null;
           }, h('i', {
             class: 'f-i f-i-caret-up'
           })),
-          h(script$17, {
+          h(script$18, {
             class: 'w-menu-bbr',
             height: '*',
             ref: 'bbr',
@@ -4812,11 +4812,11 @@ let inst = null;
     }
   };
 
-script$X.__file = "src/widgets/Menu.vue";
+script$Y.__file = "src/widgets/Menu.vue";
 
-var script$W = {
+var script$X = {
     name: 'w-loading',
-    mixins: [script$15],
+    mixins: [script$16],
     props: ['text', 'icon'],
     methods: {
       x_default() {
@@ -4825,7 +4825,7 @@ var script$W = {
         }
       },
       html_slots() {
-        return h(script$_, {
+        return h(script$$, {
           src: this.x.icon !== undefined ? this.x.icon : '#f-svg-loading',
           text: this.x.text !== undefined ? this.x.text : $$1.loc.loading
         })
@@ -4838,11 +4838,11 @@ var script$W = {
     }
   };
 
-script$W.__file = "src/widgets/Loading.vue";
+script$X.__file = "src/widgets/Loading.vue";
 
-var script$V = {
+var script$W = {
     name: 'w-table',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['face', 'scroll-x', 'scroll-y'],
     provide() {
       return {
@@ -4919,22 +4919,22 @@ var script$V = {
     }
   };
 
-script$V.__file = "src/widgets/Table.vue";
+script$W.__file = "src/widgets/Table.vue";
 
-var script$U = {
+var script$V = {
     name: 'w-columns'
   };
 
-script$U.__file = "src/widgets/TableColumns.vue";
+script$V.__file = "src/widgets/TableColumns.vue";
 
-var script$T = {
+var script$U = {
     name: 'w-column',
     props: ['width', 'minWidth'],
   };
 
-script$T.__file = "src/widgets/TableColumn.vue";
+script$U.__file = "src/widgets/TableColumn.vue";
 
-var script$S = {
+var script$T = {
     props: ['pub', 'current'],
     provide() {
       return {
@@ -4965,11 +4965,21 @@ var script$S = {
     }
   };
 
-script$S.__file = "src/widgets/PubParent.vue";
+script$T.__file = "src/widgets/PubParent.vue";
+
+function render$5(_ctx, _cache) {
+  return renderSlot(_ctx.$slots, "default")
+}
+
+const script$S = {};
+
+
+script$S.render = render$5;
+script$S.__file = "src/widgets/SlotDefault.vue";
 
 var script$R = {
     name: 'w-thead',
-    mixins: [script$1b, script$S],
+    mixins: [script$1c, script$T],
     props: ['br', 'sort'],
     inject: ['_provideTable'],
     provide() {
@@ -4997,7 +5007,20 @@ var script$R = {
           let chd = this.x.children;
           if (Array.isArray(chd)) {
             let i = 0;
-            r = chd.map((item, index) => this.$slots.row({item, index}).map(t => $$1.lodash.set(t, 'props.rowIndex', i++)));
+            r = chd.map((item, index) => {
+              let key;
+              const row = this.$slots.row({item, index}).map(t => {
+                if (!t.props) t.props = {};
+                t.props.rowIndex = i++;
+                if (!key) key = t.key;
+                return t
+              });
+              if (key) {
+                return h(script$S, {key}, {default: () => row})
+              } else {
+                return row
+              }
+            });
           }
           return r || []
         } else {
@@ -5053,7 +5076,7 @@ script$R.__file = "src/widgets/TableTHead.vue";
 
 var script$Q = {
     name: 'w-tbody',
-    mixins: [script$R, script$1a],
+    mixins: [script$R, script$1b],
     inject: ['_provideTable'],
     props: ['children'],
     provide() {
@@ -5126,7 +5149,7 @@ script$Q.__file = "src/widgets/TableTBody.vue";
 var script$P = {
     name: 'w-tr',
     pubParentName: 'w-tbody,w-thead',
-    mixins: [script$1b, script$1h],
+    mixins: [script$1c, script$1i],
     props: ['rowIndex', 'expanded', 'children'],
     inject: ['_provideTable', 'providePubParent', 'provideInBody', '_provideTBody', 'provideLevel', 'provideParentTR'],
     provide() {
@@ -5199,7 +5222,23 @@ var script$P = {
       },
       html() {
         if (this.x.children && Array.isArray(this.x.children) && this._provideTBody && this._provideTBody.$slots.row) {
-          return [this.html_self(true), this.x.children.map((item, index) => this._provideTBody.$slots.row({item, index}))]
+          return [
+            this.html_self(true),
+            this.x.children.map((item, index) => {
+              let key;
+              const row = this._provideTBody.$slots.row({item, index});
+              for (let r of row) {
+                if (!key) {
+                  key = r.key;
+                }
+              }
+              if (key) {
+                return h(script$S, {key}, {default: () => row})
+              } else {
+                return row
+              }
+            })
+          ]
         }
         return this.$slots.row ? [this.html_self(true), this.$slots.row()] : this.html_self()
       },
@@ -5281,7 +5320,7 @@ script$O.__file = "src/widgets/TableTD.vue";
 
 var script$N = {
     name: 'w-th',
-    mixins: [script$O, script$1b],
+    mixins: [script$O, script$1c],
     props: ['sortable', 'sortOrders', 'sortOrderDefault'],
     inject: ['_provideThead'],
     emits: ['click:sort'],
@@ -5316,7 +5355,7 @@ var script$N = {
         this.$emit('click:sort', e, o);
       },
       html_slots() {
-        return h(script$18, {class: 'w-th-wrap', valign: 'middle', align: this.align || this.col.align}, {default: () => [
+        return h(script$19, {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')}),
@@ -5345,7 +5384,7 @@ script$N.__file = "src/widgets/TableTH.vue";
 
 var script$M = {
     name: 'w-grid',
-    mixins: [script$1a],
+    mixins: [script$1b],
     props: ['columns', 'rows', 'gap', 'defaultColspan', 'face', 'labelWidth'],
     methods: {
       x_default() {
@@ -5393,7 +5432,7 @@ var script$L = {
     name: 'w-swiper-item',
     pubParentName: 'w-swiper',
     inject: ['providePubParent'],
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['lazy'],
     data() {
       return {
@@ -5430,7 +5469,7 @@ script$L.__file = "src/widgets/SwiperItem.vue";
 
 var script$K = {
     name: 'w-swiper',
-    mixins: [script$1b, script$S],
+    mixins: [script$1c, script$T],
     props: ['arrow', 'indicatorDots', 'duration'],
     data() {
       return {
@@ -5519,7 +5558,7 @@ script$K.__file = "src/widgets/Swiper.vue";
 
 var script$J = {
     name: 'w-buttonbar',
-    mixins: [script$18, script$S],
+    mixins: [script$19, script$T],
     props: ['vertical'],
 		emits: ['click:item'],
     methods: {
@@ -5632,7 +5671,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$17 : script$18, {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$18 : script$19, {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'})));
@@ -5640,7 +5679,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,
@@ -5649,7 +5688,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})
 							]
 						}));
 					}
@@ -5756,7 +5795,7 @@ script$I.__file = "src/widgets/TabBar.vue";
 var script$H = {
 		name: 'w-tabbutton',
     pubParentName: 'w-tabbar',
-    mixins: [script$Z],
+    mixins: [script$_],
 		methods: {
 			vis() {
 				let add = [20, 20];
@@ -5780,7 +5819,7 @@ script$H.__file = "src/widgets/TabButton.vue";
 
 var script$G = {
     name: 'w-tabs',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['current', 'position', 'gap', 'face', 'quickCloseButton', 'flexSize'],
 		emits: ['click:quickCloseButton'],
     methods: {
@@ -5847,7 +5886,7 @@ script$F.__file = "src/widgets/Tab.vue";
 
 var script$E = {
     name: 'w-album',
-    mixins: [script$18, script$S],
+    mixins: [script$19, script$T],
     methods: {
       x_default() {
         return {
@@ -5868,7 +5907,7 @@ script$E.__file = "src/widgets/Album.vue";
 
 var script$D = {
     name: 'w-html',
-    mixins: [script$1b, script$19],
+    mixins: [script$1c, script$1a],
     props: ['line'],
     computed: {
       html_props() {
@@ -5891,7 +5930,7 @@ script$D.__file = "src/widgets/Html.vue";
 
 var script$C = {
     name: 'w-tree',
-    mixins: [script$1a, script$S, script$1h],
+    mixins: [script$1b, script$T, script$1i],
     emits: ['click:item'],
     provide() {
       return {
@@ -5919,7 +5958,20 @@ var script$C = {
         let chd = this.x.children;
         if (this.$slots.default) {
           if (Array.isArray(chd)) {
-            r = chd.map((item, index) => this.$slots.default({item, index}));
+            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 = [];
           }
@@ -5946,7 +5998,7 @@ script$C.__file = "src/widgets/Tree.vue";
 
 var script$B = {
     name: 'w-label',
-    mixins: [script$1b, script$19],
+    mixins: [script$1c, script$1a],
     props: ['text', 'suffix', 'vertical'],
     methods: {
       html_slots() {
@@ -5971,7 +6023,7 @@ var script$B = {
 script$B.__file = "src/widgets/Label.vue";
 
 var script$A = {
-    mixins: [script$1b, script$19],
+    mixins: [script$1c, script$1a],
     props: ['name', 'value', 'modelValue', 'placeholder', 'label', 'readonly', 'readonlyValidate', 'disabled', 'required',
       'validateDefault', 'validateHandler', 'inputWidth', 'inputHeight' ],
     emits: ['update:modelValue', 'change', 'blur', 'focus'],
@@ -6533,7 +6585,7 @@ var script$z = {
         }, this.html_input())
       },
       html_target() {
-        return this.$slots.default ? h(script$18, {
+        return this.$slots.default ? h(script$19, {
           class: this.$options.name + '-target',
           ref: 'target'
         }, this.$slots) : []
@@ -6709,7 +6761,7 @@ script$y.__file = "src/widgets/TripleBox.vue";
 var script$x = {
     name: 'w-leaf',
     pubParentName: 'w-tree',
-    mixins: [script$1b, script$1h],
+    mixins: [script$1c, script$1i],
     props: ['text', 'expanded', 'expandedIcon', 'collapsedIcon', 'icon', 'boxSync', 'src', 'disabled'],
     inject: ['providePubParent', 'provideLevel', 'provideParentLeaf', 'provideParentTR'],
     provide() {
@@ -6809,7 +6861,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$_, {
+          h(script$$, {
             src: '#f-svg-loading',
             class: 'w-leaf-loading'
           }) :
@@ -6821,7 +6873,7 @@ var script$x = {
             }
           }),
           this.$slots.box && this.$slots.box(),
-          ico && h(script$_, {
+          ico && h(script$$, {
             src: ico,
             class: 'w-leaf-icon'
           }),
@@ -6836,7 +6888,20 @@ var script$x = {
         let chd = this.x.children;
         let tree = this.pubParent;
         if (Array.isArray(chd) && tree) {
-          r = chd.map((item, index) => tree.$slots.default({item, index}));
+          r = chd.map((item, index) => {
+            let key;
+            const leaf = tree.$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
+            }
+          });
         }
         return h('div', {
           id: this.uid + 'cont',
@@ -6953,13 +7018,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,
@@ -6970,7 +7035,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,
@@ -6979,8 +7044,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$X, {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$Y, {snap: () => this.$refs.drop, position: 'v', indent: 1, onClose: () => this.showDrop = false}, {default: () => b}));
         }
         return s
       },
@@ -7082,7 +7147,7 @@ script$w.__file = "src/widgets/PageBar.vue";
 
 var script$v = {
     name: 'w-split',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['collapsedIcon', 'expandedIcon', 'movable', 'range', 'toNext', 'expanded'],
     inject: ['provideLayout'],
     created() {
@@ -7183,7 +7248,7 @@ script$v.__file = "src/widgets/Split.vue";
 
 var script$u = {
     name: 'w-toggle',
-    mixins: [script$1b, script$19],
+    mixins: [script$1c, script$1a],
     props: ['collapsedIcon', 'expandedIcon', 'expanded', 'align', 'valign'],
     methods: {
       x_default() {
@@ -7200,7 +7265,7 @@ var script$u = {
       html_slots() {
         let exp = this.x.expanded;
         let ico = exp ? this.x.expandedIcon : this.x.collapsedIcon;
-        return [ico && h(script$_, {
+        return [ico && h(script$$, {
           src: ico,
           class: 'w-toggle-icon',
         }), h('div', {class: 'w-toggle-main'}, this.$slots.default())]
@@ -7231,7 +7296,7 @@ script$u.__file = "src/widgets/Toggle.vue";
 
 var script$t = {
     name: 'w-video',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['src', 'poster'],
     data() {
       return {
@@ -7283,7 +7348,7 @@ script$t.__file = "src/widgets/Video.vue";
 
 var script$s = {
     name: 'w-progress',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['percent', 'range', 'text'],
     methods: {
       html_slots() {
@@ -7328,7 +7393,7 @@ script$s.__file = "src/widgets/Progress.vue";
 
 var script$r = {
     name: 'w-calendar',
-    mixins: [script$1b],
+    mixins: [script$1c],
     emits: ['click:item', 'change'],
     props: ['value', 'minValue', 'maxValue', 'current', 'pad', 'face', 'format', 'success', 'cg', 'start',
       'enableHour', 'enableMinute', 'enableSecond', 'defaultHour', 'defaultMinute', 'defaultSecond'
@@ -8074,7 +8139,7 @@ script$r.__file = "src/widgets/Calendar.vue";
 
 var script$q = {
     name: 'w-timeline',
-    mixins: [script$1a, script$S],
+    mixins: [script$1b, script$T],
     props: ['face', 'vertical'],
     methods: {
       indent() {
@@ -8207,7 +8272,7 @@ script$q.__file = "src/widgets/Timeline.vue";
 var script$p = {
     name: 'w-timeline-item',
     pubParentName: 'w-timeline',
-    mixins: [script$1b],
+    mixins: [script$1c],
     inject: ['providePubParent'],
     props: ['position', 'index'],
     methods: {
@@ -8244,7 +8309,7 @@ script$p.__file = "src/widgets/TimelineItem.vue";
 
 var script$o = {
     name: 'w-slidepicker',
-    mixins: [script$1b],
+    mixins: [script$1c],
     provide() {
       return {
         provideOptionParent: this,
@@ -9394,7 +9459,7 @@ const suffixHooks = {
             onclick: e => this.remove(item)
           })];
 					if (value && this.$slots.menu) {
-						button.push(h(script$X, null, {
+						button.push(h(script$Y, null, {
 							target: () => h('div', {
 								class: 'w-fileupload-value-menu f-i f-i-ellipsis',
 								title: $$1.loc.more,
@@ -9447,7 +9512,7 @@ const suffixHooks = {
           class: 'w-fileupload-bbr',
           gap: 10,
         }, {
-          default: () => [this.$slots.button ? this.$slots.button() : h(script$Z, {
+          default: () => [this.$slots.button ? this.$slots.button() : h(script$_, {
             text: '选择文件',
             icon: '.f-i .f-i-upload',
             class: 'w-fileupload-button',
@@ -9728,7 +9793,7 @@ var script$e = {
           ref: 'uploadbbr',
           class: 'w-fileupload-bbr'
         }, {
-          default: () => [this.$slots.button ? this.$slots.button() : h(script$Z, {
+          default: () => [this.$slots.button ? this.$slots.button() : h(script$_, {
             ref: 'uploadbutton',
             title: $$1.loc.form.choose_image,
             icon: '.f-i .f-i-plus',
@@ -9785,7 +9850,7 @@ script$d.__file = "src/widgets/ImageUpload.vue";
 
 var script$c = {
     name: 'w-option',
-    mixins: [script$1b],
+    mixins: [script$1c],
     props: ['value', 'text', 'disabled'],
     inject: ['provideOptionParent'],
     methods: {
@@ -10195,7 +10260,7 @@ var script$a = {
             onClose: this.onclose
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-          r.push(h(script$15, dropProps, {
+          r.push(h(script$16, dropProps, {
             default: () => h(script$r, {
               height: '*',
               pad: true,
@@ -10355,7 +10420,7 @@ var script$9 = {
 					  onClose: () => this.showDrop = false
 					};
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$15, dropProps, {default: () => h(script$17, {height: '*', scrollY: true, scrollView: '.z-on'}, this.$slots)}));
+					r.push(h(script$16, dropProps, {default: () => h(script$18, {height: '*', scrollY: true, scrollView: '.z-on'}, this.$slots)}));
 				}
 				return r
       },
@@ -10636,7 +10701,7 @@ var script$5 = {
             let mv = $$1.array(this.x.modelValue, true);
             if (mv.length) {
               mv.splice(mv.length - 1, 1);
-              this.x.modelValue = mv;
+              this.val(mv);
             }
           }
         }
@@ -10748,7 +10813,7 @@ var script$5 = {
             onClose: () => this.showSuggest = false
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$15, dropProps, {default: () => h(script$17, {height: '*', scrollY: true}, this.$slots)}));
+					r.push(h(script$16, dropProps, {default: () => h(script$18, {height: '*', scrollY: true}, this.$slots)}));
 				}
         return [
           this.html_input_hidden(),
@@ -11204,7 +11269,7 @@ var script$4 = {
             onClose: () => this.showSuggest = false
           };
 					if (this.x.dropProps) dropProps = mergeProps(dropProps, this.x.dropProps);
-					r.push(h(script$15, dropProps, {default: () => h(script$17, {height: '*', scrollY: true}, this.$slots)}));
+					r.push(h(script$16, dropProps, {default: () => h(script$18, {height: '*', scrollY: true}, this.$slots)}));
 				}
         return [
           this.html_input_hidden(),
@@ -11627,7 +11692,7 @@ var script = {
         this.x.modelValue = this.x.cancelable && this.x.modelValue == i ? '' : i;
       },
       html_star(i) {
-        return h(script$_, {
+        return h(script$$, {
           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),
@@ -11671,9 +11736,9 @@ var script = {
 script.__file = "src/widgets/Rate.vue";
 
 const components = [
-  script$1c, script$16, script$15, script$13, script$11, script$$, script$X, script$W, 
-  script$M, script$17, script$18, script$V, script$U, script$T, script$Q, script$R, script$P, script$O, script$N, script$K, script$L, script$G, script$F,
-  script$E, script$_, script$J, script$Z, script$Y, 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$1d, script$17, script$16, script$14, script$12, script$10, script$Y, script$X, 
+  script$M, script$18, script$19, 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$$, script$J, script$_, script$Z, 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$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
 ];