dfish-widget 1.0.39 → 1.0.41

package/lib/index.esm.js

@@ -1465,7 +1465,11 @@ $$1.slotsChildren = function(slots, name = 'default') {
   const getChildren = (d) => {
     d && d.forEach(v => {
       if (typeof v.type === 'symbol') {
-        Array.isArray(v.children) && getChildren(v.children);
+        if (Array.isArray(v.children)) {
+          getChildren(v.children);
+        } else if (v.type.toString() === 'Symbol(v-txt)') {
+          r.push(v);
+        }
       } else
         r.push(v);
     });
@@ -1530,7 +1534,7 @@ $$1.print = function(a, y) {
 			if (y.input2text) {
 				let g = $$1(this);
 				if (g && g.isFormWidget) {
-					h = g.el('main').outerHTML;
+					h = g.el('form').outerHTML;
 					v = g.formText();
 				} else
 					v = this.value;
@@ -1557,7 +1561,7 @@ $$1.print = function(a, y) {
 			$$1.q('input[type=hidden]', d).each(function() {
 				var g = $$1(this);
 				if (g && g.isFormWidget && g.$options.name != 'w-hidden') {
-					s = s.replace(g.el('main').outerHTML, () => '<div class="f-wdbr f-print-input-text">' + g.formText() + '</div>');
+					s = s.replace(g.el('form').outerHTML, () => '<div class="f-wdbr f-print-input-text">' + g.formText() + '</div>');
 				}
 			});
 		}
@@ -6034,6 +6038,7 @@ var script$A = {
         isFocus: false,
         hasBorder: false,
         isPlural: false,
+        isEdit: false,
         loading: false,
         warnClass: '',
         labelVertical: false,
@@ -6043,6 +6048,18 @@ var script$A = {
         validIndex: 0,
       }
     },
+    watch: {
+    	modelValue(v, ov) {
+        if (this.isEdit) {
+          this.isEdit = false;
+        } else {
+          if (v == null) v = '';
+          if (ov == null) ov = '';
+          this.watchModelValue(v, ov);
+        }
+    	}
+    },
+    
     methods: {
       val(v) {
         if (arguments.length == 0)
@@ -6062,6 +6079,7 @@ var script$A = {
         if (changed) {
           this.warnClass && this.warn(false);
           if (this.isUsableVal(v)) {
+            this.isEdit = true;
             this.$emit('update:modelValue', v);
             this.trigger('change', v);
           }
@@ -6083,6 +6101,11 @@ var script$A = {
           return r && r.value ? r.value : r
         }
       },
+      watchModelValue(v, ov) {
+        if (ov != v) {
+          this.trigger('change', v);
+        }
+      },
       async valid(trigger) {
         let error = await this.getValidError(trigger);
         if (error) {
@@ -6198,7 +6221,7 @@ var script$A = {
         }
       },
       snapElem() {
-        return this.el('main')
+        return this.el('form')
       },
       hasBubble(a) {
         return this.snapElem().contains(a.isWidget ? a.el() : a)
@@ -6269,7 +6292,7 @@ var script$A = {
       html_button() {
         return []
       },
-      html_form() {
+      html_form_slot() {
         return [
           this.slot('prepend'),
           this.html_input(),
@@ -6278,10 +6301,13 @@ var script$A = {
         ]
       },
       html_main() {
+        return h('div', {class: 'w-formbase-main'}, [this.html_form(), this.slot('down')])
+      },
+      html_form() {
         let fh = this.x.inputHeight && $$1.unitSize(this.x.inputHeight);
         return h('div', mergeProps({
-          ref: 'main',
-          id: this.uid + 'main',
+          ref: 'form',
+          id: this.uid + 'form',
           class: ['w-input', {
             'w-input-border': this.hasBorder,
             [`f-${this.dir}-gap`]: $$1.br.compat.gap && this.x.gap,
@@ -6290,10 +6316,10 @@ var script$A = {
             'height': fh
           },
           title: this.input_title
-        }, this.main_prop), this.html_form())
+        }, this.form_prop), this.html_form_slot())
       },
       html_slots() {
-        return [this.html_label(), this.html_main(), this.slot('after'), this.slot('dialog')]
+        return [this.html_label(), this.html_main(), this.slot('right')]
       }
     },
     computed: {
@@ -6385,7 +6411,7 @@ var script$A = {
         }
         return s
       },
-      main_prop() {
+      form_prop() {
         // implement
       },
       hasVal() {
@@ -6415,7 +6441,8 @@ var script$A = {
             'z-req': this.rules.required,
             'z-label-vertical': this.labelVertical,
             'z-fixed': !!fw,
-            'z-full': this.x.inputWidth === '*'
+            'z-full': this.x.inputWidth === '*',
+            'z-slot-down': !!this.$slots.down
           }],
           style: fw && {
             '--w-input-width': fw
@@ -6496,6 +6523,15 @@ var script$z = {
         }
         $$1.lodash.each(this.siblings(), f => f.val($$1.idsAny(a, f.checkValue)));
       },
+      watchModelValue(v, ov) {
+        if (ov != v) {
+          this.trigger('change', v);
+          if (this.pubParent && this.pubParent.watchValue != v) {
+            this.pubParent.watchValue = v;
+            this.pubParent.trigger('change', v);
+          }
+        }
+      },
       check(a) {
         if (!this.isNormal) return
         this.val(a);
@@ -6521,8 +6557,8 @@ var script$z = {
         e.stopPropagation();
       },
       onbasechange(e) {
-        if (this.warnClass && this.x.name) {
-          this.ownerView.fAll(this.x.name).forEach(v => v.warn && v.warn(false));
+        if (this.warnClass) {
+          this.siblings().forEach(v => v.warn && v.warn(false));
         }
         this.setVal(e.target.checked, e);
       },
@@ -8632,13 +8668,18 @@ var script$k = {
         providePubParent: this
       }
     },
+    data() {
+      return {
+        watchValue: ''
+      }
+    },
     methods: {
       x_default() {
         return {
           gap: 15
         }
       },
-      html_form() {
+      html_form_slot() {
         return this.x.vertical ? h('div', {class: 'w-boxgroup-grid'}, this.$slots) : this.$slots
       },
     },
@@ -9237,14 +9278,24 @@ const suffixHooks = {
     aud: 'aif.aifc.aiff.als.awb.mp3.aac.au.wav.wma.cda.flac.m4a.mid.mka.mp2.mpc.ape.ofr.ogg.ra.wv.tta.ac3.dts.wv.shn.vqf.spc.nsf.adx.psf.minipsf.psf2.minipsf2.rsn.zst',
     img: 'jpg.jpeg.gif.png.bmp.tif.tiff.ico'
   };
-
-  const suffix = (function() {
-    let r = {};
-    for (let k in suffixHooks) {
-      suffixHooks[k].split('.').forEach(v => r[v] = k == '0' ? v : k);
-    }
-    return r
-  })();
+  
+  const suffix = {};
+  
+  for (let k in suffixHooks) {
+    suffixHooks[k].split('.').forEach(v => {
+      suffix[v] = k == '0' ? v : k;
+    });
+  }
+  
+  const fileTypesAlias = {
+    video: suffixHooks.vid,
+    audio: suffixHooks.aud,
+    image: suffixHooks.img
+  };
+  
+  for (let k in fileTypesAlias) {
+    fileTypesAlias[k] = fileTypesAlias[k].split('.').map(v => `*.${v};`).join('');
+  }
 
   const getSuffix = function(url) {
     let a = $$1.strFrom(url || '', '.', true).toLowerCase();
@@ -9264,12 +9315,6 @@ const suffixHooks = {
       'T' ? 1024 * 1024 * 1024 * 1024 : 1)
   };
 
-  const fileTypeHooks = {
-    video: suffixHooks.vid,
-    audio: suffixHooks.aud,
-    image: suffixHooks.img
-  };
-
   var script$g = {
     name: 'w-fileupload',
     mixins: [script$A],
@@ -9309,6 +9354,9 @@ const suffixHooks = {
       },
       getFileTypes() {
         let t = this.x.fileTypes;
+        if (fileTypesAlias[t]) {
+          t = fileTypesAlias[t];
+        }
         return t && t !== '*.*' ? t.replace(/\*/g, '').replace(/;/g, ',').toLowerCase() : ''
       },
       getAccept() {
@@ -9317,8 +9365,7 @@ const suffixHooks = {
         if (!t) return
         let n = [];
         t.toLowerCase().split(',').forEach(b => {
-          if (!b) return
-          n.push(fileTypeHooks[b] || b);
+          b && n.push(b);
         });
         n.forEach(b => {
           b && r.push(mimeType$1(b) || b);
@@ -9507,18 +9554,25 @@ const suffixHooks = {
         ]
       },
       html_input_button() {
-        return h(script$J, {
-          ref: 'uploadbbr',
-          class: 'w-fileupload-bbr',
-          gap: 10,
-        }, {
-          default: () => [this.$slots.button ? this.$slots.button() : h(script$_, {
-            text: '选择文件',
-            icon: '.f-i .f-i-upload',
-            class: 'w-fileupload-button',
-            onclick: this.chooseFile
-          })]
-        })
+        return h('div', {}, [
+          h(script$J, {
+              ref: 'uploadbbr',
+              class: 'w-fileupload-bbr',
+              gap: 10,
+            }, {
+              default: () => [
+                this.$slots.button ? this.$slots.button({chooseFile: this.chooseFile}) :
+                h(script$_, {
+                  text: '选择文件',
+                  icon: '.f-i .f-i-upload',
+                  class: 'w-fileupload-button',
+                  onclick: this.chooseFile
+                }),
+                this.slot('right')
+              ]
+          }),
+          this.slot('down')
+        ])
       },
       html_input_list() {
         return this.list.length ? h('div', {
@@ -9531,7 +9585,12 @@ const suffixHooks = {
       html_input() {
         return this.html_input_form().concat(this.canUpload && this.html_input_button(), this.html_input_list())
       },
-
+      html_main() {
+        return h('div', {class: 'w-formbase-main'}, this.html_form())
+      },
+      html_slots() {
+        return [this.html_label(), this.html_main()]
+      }
     },
     computed: {
       validHooks() {
@@ -9789,22 +9848,28 @@ var script$e = {
         })
       },
       html_input_button() {
-        return h(script$J, {
-          ref: 'uploadbbr',
-          class: 'w-fileupload-bbr'
-        }, {
-          default: () => [this.$slots.button ? this.$slots.button() : h(script$_, {
-            ref: 'uploadbutton',
-            title: $$1.loc.form.choose_image,
-            icon: '.f-i .f-i-plus',
-            class: 'w-mediaupload-button',
-            style: {
-              width: $$1.unitSize(this.x.thumbnailWidth),
-              height: $$1.unitSize(this.x.thumbnailHeight),
-            },
-            onclick: this.chooseFile
-          })]
-        })
+        return h('div', {}, [
+          h(script$J, {
+            ref: 'uploadbbr',
+            class: 'w-fileupload-bbr'
+          }, {
+            default: () => [
+              this.$slots.button ? this.$slots.button({chooseFile: this.chooseFile}) : h(script$_, {
+                ref: 'uploadbutton',
+                title: $$1.loc.form.choose_image,
+                icon: '.f-i .f-i-plus',
+                class: 'w-mediaupload-button',
+                style: {
+                  width: $$1.unitSize(this.x.thumbnailWidth),
+                  height: $$1.unitSize(this.x.thumbnailHeight),
+                },
+                onclick: this.chooseFile
+              }),
+              this.slot('right')
+            ]
+          }),
+          this.slot('down')
+        ])
       },
       html_input() {
         return this.html_input_form().concat(h('div', {
@@ -10330,7 +10395,7 @@ var script$a = {
           onkeyup: this.onkeyup,
         }
       },
-      main_prop() {
+      form_prop() {
         return {
           onclick: this.isNormal && this.drop
         }
@@ -10411,10 +10476,10 @@ var script$9 = {
 					  context: this,
 					  ownproperty: true,
 					  class: 'f-dfish-dialog w-dropbox-dialog' + (m ? ' z-mob' : ''),
-					  width: m ? '100%' : $$1.bcr(this.el('main')).width,
+					  width: m ? '100%' : $$1.bcr(this.el('form')).width,
 					  autoHide: true,
 					  cover: m,
-					  snap: m ? null : () => this.el('main'),
+					  snap: m ? null : () => this.el('form'),
 					  position: m ? null : 'v',
 					  indent: 1,
 					  onClose: () => this.showDrop = false
@@ -10447,7 +10512,7 @@ var script$9 = {
         });
         return r.sort().map(v => s[v].props.text).join(', ')
       },
-      main_prop() {
+      form_prop() {
         return {
           onclick: this.isNormal && this.click
         }
@@ -10588,14 +10653,15 @@ var script$6 = {
         }
       },
       forms() {
-        return this.ownerView.fAll(null, this.el('main'))
+        const to = this.$refs.to;
+        return to && this.ownerView.fAll(null, to.parentNode)
       },
       snapElem() {
-        return this.forms()[0] || this.el('main')
+        return this.forms()[0] || this.el('form')
       },
       html_form() {
         let c = this.slots_children();
-        c.splice(1, 0, h('div', {class: 'w-range-to'}, $$1.loc.to));
+        c.splice(1, 0, h('div', {ref: 'to', class: 'w-range-to'}, $$1.loc.to));
         //c.push(h('input', {type: 'hidden', ref:'v', id: this.uid + 'hdn'}))
         return c
       },
@@ -10627,14 +10693,19 @@ var script$5 = {
       }
     },
 		watch: {
-			modelValue(v) {
-				this.clear();
-			},
 			inputValue(v) {
 				this.sensor_text = v;
 			}
 		},
     methods: {
+      watchModelValue(v, ov) {
+        this.clear();
+        const or = ov && ov.map ? ov.map(n => n.value).join(',') : '';
+        const r = v && v.map ? v.map(n => n.value).join(',') : '';
+        if (or != r) {
+          this.trigger('change', v);
+        }
+      },
       addVal(v) {
         let mv;
         if (this.x.multiple) {
@@ -10805,9 +10876,9 @@ var script$5 = {
             context: this,
             ownproperty: true,
             class: 'f-dfish-dialog',
-            width: $$1.bcr(this.el('main')).width,
+            width: $$1.bcr(this.el('form')).width,
             autoHide: true,
-            snap:() => this.el('main'),
+            snap:() => this.el('form'),
             position: 'v',
             indent: 1,
             onClose: () => this.showSuggest = false
@@ -10875,7 +10946,7 @@ var script$5 = {
           'z-clearable': this.x.clearable,
         }
       },
-      main_prop() {
+      form_prop() {
 				return {
 					onclick: this.isNormal && this.onclick
 				}
@@ -11260,10 +11331,10 @@ var script$4 = {
             context: this,
             ownproperty: true,
             class: 'f-dfish-dialog',
-            width: $$1.bcr(this.el('main')).width,
+            width: $$1.bcr(this.el('form')).width,
             scrollY: true,
             autoHide: true,
-            snap: () => this.el('main'),
+            snap: () => this.el('form'),
             position: 'v',
             indent: 1,
             onClose: () => this.showSuggest = false
@@ -11546,7 +11617,7 @@ const init_text = $$1.loc.form.jigsaw_drag_right;
         return $$1.bcr(this.$refs.thumb).width
       },
       mainWidth() {
-        return $$1.bcr(this.$refs.main).width
+        return $$1.bcr(this.$refs.form).width
       },
       html_input() {
         return [
@@ -11577,7 +11648,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('main')).width);
+					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$3, {
 					  ownproperty: true,
@@ -11585,7 +11656,7 @@ const init_text = $$1.loc.form.jigsaw_drag_right;
 					  height,
 					  autoHide: true,
 					  context: this,
-					  snap: () => this.el('main'),
+					  snap: () => this.el('form'),
 					  position: 'v',
 					  onClose: () => this.showDrop = null
 					}));
@@ -11609,7 +11680,7 @@ const init_text = $$1.loc.form.jigsaw_drag_right;
           'z-success': this.isSuccess,
         }
       },
-      main_prop() {
+      form_prop() {
         return {
           onmouseenter: this.mouseenter
         }
@@ -11656,7 +11727,7 @@ var script$1 = {
           '--w-form-gap': $$1.unitSize(this.x.gap)
         }
       },
-      main_prop() {
+      form_prop() {
         return this.name && {
           onclick: e => this.warn(false)
         }