@form-create/element-ui 3.2.30 → 3.2.32

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.30
+ * @form-create/element-ui v3.2.32
  * (c) 2018-2025 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -1655,9 +1655,181 @@
     return obj instanceof Array ? _toConsumableArray(obj) : _objectSpread2({}, obj);
   }
 
-  var css_248z$1 = "._fc-group{display:flex;flex-direction:column;justify-content:center;min-height:38px;width:100%}._fc-group-disabled ._fc-group-add,._fc-group-disabled ._fc-group-btn{cursor:not-allowed}._fc-group-handle{background-color:#fff;border:1px dashed #d9d9d9;border-radius:15px;bottom:-15px;display:flex;flex-direction:row;padding:3px 8px;position:absolute;right:30px}._fc-group-btn{cursor:pointer}._fc-group-idx{align-items:center;background:#eee;border-radius:15px;bottom:-15px;display:flex;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;width:30px}._fc-group-handle ._fc-group-btn+._fc-group-btn{margin-left:7px}._fc-group-container{border:1px dashed #d9d9d9;border-radius:5px;display:flex;flex-direction:column;margin:5px 5px 25px;padding:20px 20px 25px;position:relative}._fc-group-arrow{height:20px;position:relative;width:20px}._fc-group-arrow:before{border-left:2px solid #999;border-top:2px solid #999;content:\"\";height:9px;left:5px;position:absolute;top:8px;transform:rotate(45deg);width:9px}._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group-plus-minus{cursor:pointer;height:20px;position:relative;width:20px}._fc-group-plus-minus:after,._fc-group-plus-minus:before{background-color:#409eff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}._fc-group-plus-minus:before{transform:translate(-50%,-50%) rotate(90deg)}._fc-group-plus-minus._fc-group-minus:before{display:none}._fc-group-plus-minus._fc-group-minus:after{background-color:#f56c6c}._fc-group-add{border:1px solid rgba(64,158,255,.5);border-radius:15px;cursor:pointer;height:25px;width:25px}._fc-group-add._fc-group-plus-minus:after,._fc-group-add._fc-group-plus-minus:before{width:50%}";
+  var css_248z$1 = "._fc-group{display:flex;flex-direction:column;justify-content:center;min-height:38px;width:100%}._fc-group-disabled ._fc-group-add,._fc-group-disabled ._fc-group-btn{cursor:not-allowed}._fc-group-handle{background-color:#fff;border:1px dashed #d9d9d9;border-radius:15px;bottom:-15px;display:flex;flex-direction:row;padding:3px 8px;position:absolute;right:30px}._fc-group-btn{cursor:pointer}._fc-group-idx{align-items:center;background:#eee;border-radius:15px;bottom:-15px;display:flex;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;width:30px}._fc-group-handle ._fc-group-btn+._fc-group-btn{margin-left:7px}._fc-group-container{border:1px dashed #d9d9d9;border-radius:5px;display:flex;flex-direction:column;margin:5px 5px 25px;padding:20px 20px 25px;position:relative}._fc-group-arrow{height:20px;position:relative;width:20px}._fc-group-arrow:before{border-left:2px solid #999;border-top:2px solid #999;content:\"\";height:9px;left:5px;position:absolute;top:8px;transform:rotate(45deg);width:9px}._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group-plus-minus{cursor:pointer;height:20px;position:relative;width:20px}._fc-group-plus-minus:after,._fc-group-plus-minus:before{background-color:#409eff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}._fc-group-plus-minus:before{transform:translate(-50%,-50%) rotate(90deg)}._fc-group-plus-minus._fc-group-minus:before{display:none}._fc-group-plus-minus._fc-group-minus:after{background-color:#f56c6c}._fc-group-add{border:1px solid rgba(64,158,255,.5);border-radius:15px;cursor:pointer;height:25px;width:25px}._fc-group-add._fc-group-plus-minus:after,._fc-group-add._fc-group-plus-minus:before{width:50%}._fc-group._fc-group-card{display:flex;flex-direction:column;gap:16px;width:100%}._fc-group._fc-group-card._fc-group-disabled ._fc-group-add,._fc-group._fc-group-card._fc-group-disabled ._fc-group-btn{cursor:not-allowed;opacity:.5}._fc-group._fc-group-card ._fc-group-container{background:#fff;border:1px solid #f0f0f0;border-radius:6px;display:flex;flex-direction:column;margin:0;overflow:hidden;padding:0;position:relative}._fc-group._fc-group-card ._fc-group-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px 12px}._fc-group._fc-group-card ._fc-group-idx{align-items:center;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#666;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:24px;justify-content:center;margin-right:12px;position:static;width:24px}._fc-group._fc-group-card ._fc-group-title{color:rgba(0,0,0,.85);flex:1;font-size:14px;font-weight:500;line-height:1.5715}._fc-group._fc-group-card ._fc-group-handle{align-items:center;background-color:transparent;border:none;border-radius:0;bottom:auto;display:flex;flex-direction:row;flex-shrink:0;gap:4px;margin-left:12px;padding:0;position:static;right:auto}._fc-group._fc-group-card ._fc-group-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.45);cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px}._fc-group._fc-group-card ._fc-group-btn:hover{background:#f0f8ff;border-color:#1890ff;color:#1890ff}._fc-group._fc-group-card ._fc-group-btn:active{border-color:#096dd9;color:#096dd9}._fc-group._fc-group-card ._fc-group-arrow{position:relative}._fc-group._fc-group-card ._fc-group-arrow:before{border-left:1px solid;border-top:1px solid;content:\"\";height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px}._fc-group._fc-group-card ._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group._fc-group-card ._fc-group-sort{align-items:center;display:flex;flex-direction:column;height:24px;justify-content:center;position:relative}._fc-group._fc-group-card ._fc-group-sort:after,._fc-group._fc-group-card ._fc-group-sort:before{border-left:1px solid;border-top:1px solid;content:\"\";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}._fc-group._fc-group-card ._fc-group-sort:before{top:6px;transform:translateX(-50%) rotate(45deg)}._fc-group._fc-group-card ._fc-group-sort:after{bottom:6px;transform:translateX(-50%) rotate(225deg)}._fc-group._fc-group-card ._fc-group-sort-down,._fc-group._fc-group-card ._fc-group-sort-up{cursor:pointer;height:12px;left:0;position:absolute;right:0;z-index:1}._fc-group._fc-group-card ._fc-group-sort-up{top:0}._fc-group._fc-group-card ._fc-group-sort-down{bottom:0}._fc-group._fc-group-card ._fc-group-sort-down:hover,._fc-group._fc-group-card ._fc-group-sort-up:hover{background:rgba(24,144,255,.1)}._fc-group._fc-group-card ._fc-group-plus-minus{background:#409eff;border-color:#409eff;color:#fff;height:24px;position:relative;width:24px}._fc-group._fc-group-card ._fc-group-plus-minus:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}._fc-group._fc-group-card ._fc-group-plus-minus:after,._fc-group._fc-group-card ._fc-group-plus-minus:before{background-color:currentColor;content:\"\";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}._fc-group._fc-group-card ._fc-group-plus-minus:before{transform:translate(-50%,-50%) rotate(90deg)}._fc-group._fc-group-card ._fc-group-plus-minus._fc-group-minus{background:#f56c6c;border-color:#f56c6c}._fc-group._fc-group-card ._fc-group-plus-minus._fc-group-minus:hover{background:#f78989;border-color:#f78989}._fc-group._fc-group-card ._fc-group-plus-minus._fc-group-minus:before{display:none}._fc-group._fc-group-card ._fc-group-content{padding:20px}._fc-group._fc-group-card ._fc-group-add{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.45);cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px}._fc-group._fc-group-card ._fc-group-add:hover{background:#f0f8ff;border-color:#409eff;color:#409eff}._fc-group._fc-group-card ._fc-group-add._fc-group-plus-minus{background:#409eff;border-color:#409eff;color:#fff;height:24px;width:24px}._fc-group._fc-group-card ._fc-group-add._fc-group-plus-minus:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}._fc-group._fc-group-card ._fc-group-add._fc-group-plus-minus:after,._fc-group._fc-group-card ._fc-group-add._fc-group-plus-minus:before{background-color:currentColor;content:\"\";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}._fc-group._fc-group-card ._fc-group-add._fc-group-plus-minus:before{transform:translate(-50%,-50%) rotate(90deg)}._fc-group._fc-group-card ._fc-group-empty{color:rgba(0,0,0,.45);font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){._fc-group._fc-group-card ._fc-group-container{border-left:none;border-radius:0;border-right:none;margin:0 -8px}._fc-group._fc-group-card ._fc-group-header{padding:12px 16px 8px}._fc-group._fc-group-card ._fc-group-content{padding:16px}._fc-group._fc-group-card ._fc-group-handle{gap:2px}._fc-group._fc-group-card ._fc-group-btn{height:22px;width:22px}}@media (prefers-color-scheme:dark){._fc-group._fc-group-card ._fc-group-container{background:#141414;border-color:#303030}._fc-group._fc-group-card ._fc-group-container:hover{border-color:#434343}._fc-group._fc-group-card ._fc-group-header{background:#1f1f1f;border-bottom-color:#303030}._fc-group._fc-group-card ._fc-group-title{color:hsla(0,0%,100%,.85)}._fc-group._fc-group-card ._fc-group-btn{background:#1f1f1f;border-color:#434343;color:hsla(0,0%,100%,.45)}._fc-group._fc-group-card ._fc-group-btn:hover{background:#111b26;border-color:#177ddc;color:#177ddc}._fc-group._fc-group-card ._fc-group-content{background:#141414}._fc-group._fc-group-card ._fc-group-add{background:#1f1f1f;border-color:#434343;color:hsla(0,0%,100%,.45)}._fc-group._fc-group-card ._fc-group-add:hover{background:#111b26;border-color:#177ddc;color:#177ddc}}";
   styleInject(css_248z$1);
 
+  function debounce(fn, wait) {
+    var timeout = null;
+    return function () {
+      var _this = this;
+
+      for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
+        arg[_key] = arguments[_key];
+      }
+
+      if (timeout !== null) clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        return fn.call.apply(fn, [_this].concat(arg));
+      }, wait);
+    };
+  }
+
+  function toString(val) {
+    return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
+  }
+
+  function isPromise(value) {
+    return value && _typeof(value) === 'object' && typeof value.then === 'function';
+  }
+
+  function toPromise(value) {
+    if (isPromise(value)) {
+      return value;
+    }
+
+    return Promise.resolve(value);
+  }
+
+  function toLine(name) {
+    var line = name.replace(/([A-Z])/g, '-$1').toLocaleLowerCase();
+    if (line.indexOf('-') === 0) line = line.substr(1);
+    return line;
+  }
+  function upper(str) {
+    return str.replace(str[0], str[0].toLocaleUpperCase());
+  }
+
+  function format(type, msg, rule) {
+    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
+  }
+  function err(msg, rule) {
+    console.error(format('err', msg, rule));
+  }
+  function logError(e) {
+    err(e.toString());
+    console.error(e);
+  }
+
+  var PREFIX = '[[FORM-CREATE-PREFIX-';
+  var SUFFIX = '-FORM-CREATE-SUFFIX]]';
+  function toJson(obj, space) {
+    return JSON.stringify(deepExtend(Array.isArray(obj) ? [] : {}, obj, true), function (key, val) {
+      if (val && val._isVue === true) return undefined;
+
+      if (typeof val !== 'function') {
+        return val;
+      }
+
+      if (val.__json) {
+        return val.__json;
+      }
+
+      if (val.__origin) val = val.__origin;
+      if (val.__emit) return undefined;
+      return PREFIX + val + SUFFIX;
+    }, space);
+  }
+
+  function makeFn(fn) {
+    return new Function('return ' + fn)();
+  }
+
+  function parseFn(fn, mode) {
+    if (fn && is.String(fn) && fn.length > 4) {
+      var v = fn.trim();
+      var flag = false;
+
+      try {
+        if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
+          v = v.replace(SUFFIX, '').replace(PREFIX, '');
+          flag = true;
+        } else if (v.indexOf('$FN:') === 0) {
+          v = v.substring(4);
+          flag = true;
+        } else if (v.indexOf('$EXEC:') === 0) {
+          v = v.substring(6);
+          flag = true;
+        } else if (v.indexOf('$GLOBAL:') === 0) {
+          var name = v.substring(8);
+
+          v = function v() {
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+
+            var callback = args[0].api.getGlobalEvent(name);
+
+            if (callback) {
+              return callback.call.apply(callback, [this].concat(args));
+            }
+
+            return undefined;
+          };
+
+          v.__json = fn;
+          v.__inject = true;
+          return v;
+        } else if (v.indexOf('$FNX:') === 0) {
+          v = makeFn('function($inject){\n' + v.substring(5) + '\n}');
+          v.__json = fn;
+          v.__inject = true;
+          return v;
+        } else if (!mode && v.indexOf('function ') === 0 && v !== 'function ') {
+          flag = true;
+        } else if (!mode && v.indexOf('function(') === 0 && v !== 'function(') {
+          flag = true;
+        }
+
+        if (!flag) return fn;
+        var val;
+
+        try {
+          val = makeFn(v);
+        } catch (e) {
+          val = makeFn('function ' + v);
+        }
+
+        val.__json = fn;
+        return val;
+      } catch (e) {
+        err("\u89E3\u6790\u5931\u8D25:".concat(v, "\n\nerr: ").concat(e));
+        return undefined;
+      }
+    }
+
+    return fn;
+  }
+  function parseJson(json, mode) {
+    return JSON.parse(json, function (k, v) {
+      if (is.Undef(v) || !v.indexOf) return v;
+      return parseFn(v, mode);
+    });
+  }
+
+  var id$2 = 0;
+  function uniqueId() {
+    var num = 370 + ++id$2;
+    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now())).toString(36) + num.toString(36) + 'c';
+  }
+
+  function deepSet(data, idx, val) {
+    var _data = data,
+        to;
+    (idx || '').split('.').forEach(function (v) {
+      if (to) {
+        if (!_data[to] || _typeof(_data[to]) != 'object') {
+          _data[to] = {};
+        }
+
+        _data = _data[to];
+      }
+
+      to = v;
+    });
+    _data[to] = val;
+    return _data;
+  }
+
   var NAME$2 = 'fcGroup';
   var Group = vue.defineComponent({
     name: NAME$2,
@@ -1697,6 +1869,14 @@
         type: Boolean,
         "default": true
       },
+      title: {
+        type: [String, Function],
+        "default": null
+      },
+      type: {
+        type: String,
+        "default": 'default'
+      },
       onBeforeRemove: {
         type: Function,
         "default": function _default() {}
@@ -1898,16 +2078,27 @@
         this.input(value);
       },
       del: function del(index, key) {
-        if (this.disabled || false === this.onBeforeRemove(this.modelValue, index)) {
+        var _this7 = this;
+
+        if (this.disabled) {
           return;
         }
 
-        this.removeRule(key, true);
+        var del = function del() {
+          _this7.removeRule(key, true);
 
-        var value = _toConsumableArray(this.modelValue);
+          var value = _toConsumableArray(_this7.modelValue);
 
-        value.splice(index, 1);
-        this.input(value);
+          value.splice(index, 1);
+
+          _this7.input(value);
+        };
+
+        toPromise(this.onBeforeRemove(this.modelValue, index)).then(function (res) {
+          if (false !== res) {
+            del();
+          }
+        });
       },
       addIcon: function addIcon(key) {
         return vue.createVNode("div", {
@@ -1916,48 +2107,83 @@
         }, null);
       },
       delIcon: function delIcon(index, key) {
-        var _this7 = this;
+        var _this8 = this;
 
         return vue.createVNode("div", {
           "class": "_fc-group-btn _fc-group-plus-minus _fc-group-minus",
           "onClick": function onClick() {
-            return _this7.del(index, key);
+            return _this8.del(index, key);
           }
         }, null);
       },
       sortUpIcon: function sortUpIcon(index) {
-        var _this8 = this;
+        var _this9 = this;
 
         return vue.createVNode("div", {
           "class": "_fc-group-btn _fc-group-arrow _fc-group-up",
           "onClick": function onClick() {
-            return _this8.changeSort(index, -1);
+            return _this9.changeSort(index, -1);
           }
         }, null);
       },
       sortDownIcon: function sortDownIcon(index) {
-        var _this9 = this;
+        var _this10 = this;
 
         return vue.createVNode("div", {
           "class": "_fc-group-btn _fc-group-arrow _fc-group-down",
           "onClick": function onClick() {
-            return _this9.changeSort(index, 1);
+            return _this10.changeSort(index, 1);
           }
         }, null);
       },
       changeSort: function changeSort(index, sort) {
-        var _this10 = this;
+        var _this11 = this;
 
         var a = this.sort[index];
         this.sort[index] = this.sort[index + sort];
         this.sort[index + sort] = a;
         this.formCreateInject.subForm(this.sort.map(function (k) {
-          return _this10.cacheRule[k].$f;
+          return _this11.cacheRule[k].$f;
         }));
         this.formData(0);
       },
+      sortIcon: function sortIcon(index, total) {
+        var _this12 = this;
+
+        var canMoveUp = index > 0;
+        var canMoveDown = index < total - 1;
+
+        if (!canMoveUp && !canMoveDown) {
+          return null;
+        }
+
+        if (canMoveUp && canMoveDown) {
+          // 显示合并的上下箭头按钮
+          return vue.createVNode("div", {
+            "class": "_fc-group-btn _fc-group-sort"
+          }, [vue.createVNode("div", {
+            "class": "_fc-group-sort-up",
+            "onClick": function onClick() {
+              return _this12.changeSort(index, -1);
+            }
+          }, null), vue.createVNode("div", {
+            "class": "_fc-group-sort-down",
+            "onClick": function onClick() {
+              return _this12.changeSort(index, 1);
+            }
+          }, null)]);
+        }
+
+        if (canMoveUp) {
+          return this.sortUpIcon(index);
+        }
+
+        if (canMoveDown) {
+          return this.sortDownIcon(index);
+        }
+      },
       makeIcon: function makeIcon(total, index, key) {
-        var _this11 = this;
+        var _this13 = this;
 
         if (this.$slots.button) {
           return this.$slots.button({
@@ -1966,7 +2192,7 @@
             vm: this,
             key: key,
             del: function del() {
-              return _this11.del(index, key);
+              return _this13.del(index, key);
             },
             add: this.add
           });
@@ -1982,12 +2208,12 @@
           btn.push(this.delIcon(index, key));
         }
 
-        if (this.sortBtn && index) {
-          btn.push(this.sortUpIcon(index));
-        }
+        if (this.sortBtn) {
+          var sortBtn = this.sortIcon(index, total);
 
-        if (this.sortBtn && index !== total - 1) {
-          btn.push(this.sortDownIcon(index));
+          if (sortBtn) {
+            btn.push(sortBtn);
+          }
         }
 
         return btn;
@@ -1997,8 +2223,21 @@
       },
       expandRule: function expandRule(n) {
         for (var i = 0; i < n; i++) {
-          this.addRule(i);
+          this.modelValue.push(this.field ? null : {});
         }
+
+        this.input(_toConsumableArray(this.modelValue));
+      },
+      getTitle: function getTitle(index, key) {
+        if (typeof this.title === 'function') {
+          return this.title(index, this.modelValue[index], key);
+        }
+
+        if (typeof this.title === 'string') {
+          return this.title.replace('{index}', index + 1);
+        }
+
+        return false;
       }
     },
     created: function created() {
@@ -2013,12 +2252,13 @@
       }
     },
     render: function render() {
-      var _this12 = this;
+      var _this14 = this;
 
       var keys = this.sort;
       var button = this.button;
       var Type = this.form;
       var disabled = this.disabled;
+      var isCardType = this.type === 'card';
       var children = keys.length === 0 ? this.$slots["default"] ? this.$slots["default"]({
         vm: this,
         add: this.add
@@ -2027,44 +2267,86 @@
         "class": "_fc-group-plus-minus _fc-group-add fc-clock",
         "onClick": this.add
       }, null) : keys.map(function (key, index) {
-        var _this12$cacheRule$key = _this12.cacheRule[key],
-            rule = _this12$cacheRule$key.rule,
-            options = _this12$cacheRule$key.options;
-        var btn = button && !disabled ? _this12.makeIcon(keys.length, index, key) : [];
-        return vue.createVNode("div", {
-          "class": "_fc-group-container",
-          "key": key
-        }, [vue.createVNode(Type, vue.mergeProps({
-          "key": key
-        }, {
-          disabled: disabled,
-          'onUpdate:modelValue': function onUpdateModelValue(formData) {
-            return _this12.formData(key, formData);
-          },
-          'onEmit-event': function onEmitEvent(name) {
-            for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-              args[_key - 1] = arguments[_key];
-            }
+        var _this14$cacheRule$key = _this14.cacheRule[key],
+            rule = _this14$cacheRule$key.rule,
+            options = _this14$cacheRule$key.options;
+        var btn = button && !disabled ? _this14.makeIcon(keys.length, index, key) : [];
 
-            return _this12.emitEvent(name, args, index, key);
-          },
-          'onUpdate:api': function onUpdateApi($f) {
-            return _this12.add$f(index, key, $f);
-          },
-          inFor: true,
-          modelValue: _this12.field ? _defineProperty({}, _this12.field, _this12._value(_this12.modelValue[index])) : _this12.modelValue[index],
-          rule: rule,
-          option: options,
-          extendOption: true
-        }), null), vue.createVNode("div", {
-          "class": "_fc-group-idx"
-        }, [index + 1]), btn.length ? vue.createVNode("div", {
-          "class": "_fc-group-handle fc-clock"
-        }, [btn]) : null]);
+        var title = _this14.getTitle(index, key);
+
+        if (isCardType) {
+          return vue.createVNode("div", {
+            "class": "_fc-group-container",
+            "key": key
+          }, [vue.createVNode("div", {
+            "class": "_fc-group-header"
+          }, [title === false ? vue.createVNode("div", {
+            "class": "_fc-group-idx"
+          }, [index + 1]) : null, title !== false ? vue.createVNode("div", {
+            "class": "_fc-group-title"
+          }, [title]) : null, vue.createVNode("div", {
+            "class": "_fc-group-handle fc-clock"
+          }, [btn.length ? btn : null])]), vue.createVNode("div", {
+            "class": "_fc-group-content"
+          }, [vue.createVNode(Type, vue.mergeProps({
+            "key": key
+          }, {
+            disabled: disabled,
+            'onUpdate:modelValue': function onUpdateModelValue(formData) {
+              return _this14.formData(key, formData);
+            },
+            'onEmit-event': function onEmitEvent(name) {
+              for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                args[_key - 1] = arguments[_key];
+              }
+
+              return _this14.emitEvent(name, args, index, key);
+            },
+            'onUpdate:api': function onUpdateApi($f) {
+              return _this14.add$f(index, key, $f);
+            },
+            inFor: true,
+            modelValue: _this14.field ? _defineProperty({}, _this14.field, _this14._value(_this14.modelValue[index])) : _this14.modelValue[index],
+            rule: rule,
+            option: options,
+            extendOption: true
+          }), null)])]);
+        } else {
+          return vue.createVNode("div", {
+            "class": "_fc-group-container",
+            "key": key
+          }, [vue.createVNode(Type, vue.mergeProps({
+            "key": key
+          }, {
+            disabled: disabled,
+            'onUpdate:modelValue': function onUpdateModelValue(formData) {
+              return _this14.formData(key, formData);
+            },
+            'onEmit-event': function onEmitEvent(name) {
+              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                args[_key2 - 1] = arguments[_key2];
+              }
+
+              return _this14.emitEvent(name, args, index, key);
+            },
+            'onUpdate:api': function onUpdateApi($f) {
+              return _this14.add$f(index, key, $f);
+            },
+            inFor: true,
+            modelValue: _this14.field ? _defineProperty({}, _this14.field, _this14._value(_this14.modelValue[index])) : _this14.modelValue[index],
+            rule: rule,
+            option: options,
+            extendOption: true
+          }), null), vue.createVNode("div", {
+            "class": "_fc-group-idx"
+          }, [index + 1]), btn.length ? vue.createVNode("div", {
+            "class": "_fc-group-handle fc-clock"
+          }, [btn]) : null]);
+        }
       });
       return vue.createVNode("div", {
         "key": 'con',
-        "class": '_fc-group ' + (disabled ? '_fc-group-disabled' : '')
+        "class": '_fc-group ' + (disabled ? '_fc-group-disabled' : '') + (isCardType ? ' _fc-group-card' : '')
       }, [children]);
     }
   });
@@ -2176,31 +2458,6 @@
 
   var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub, script];
 
-  function debounce(fn, wait) {
-    var timeout = null;
-    return function () {
-      var _this = this;
-
-      for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
-        arg[_key] = arguments[_key];
-      }
-
-      if (timeout !== null) clearTimeout(timeout);
-      timeout = setTimeout(function () {
-        return fn.call.apply(fn, [_this].concat(arg));
-      }, wait);
-    };
-  }
-
-  function toLine(name) {
-    var line = name.replace(/([A-Z])/g, '-$1').toLocaleLowerCase();
-    if (line.indexOf('-') === 0) line = line.substr(1);
-    return line;
-  }
-  function upper(str) {
-    return str.replace(str[0], str[0].toLocaleUpperCase());
-  }
-
   var normalMerge = ['props'];
   var toArrayMerge = ['class', 'style', 'directives'];
   var functionalMerge = ['on', 'hook'];
@@ -2277,17 +2534,6 @@
     return [].concat(keyAttrs, _toConsumableArray(normalMerge), _toConsumableArray(toArrayMerge), _toConsumableArray(functionalMerge), arrayAttrs, normalAttrs);
   }
 
-  function format(type, msg, rule) {
-    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
-  }
-  function err(msg, rule) {
-    console.error(format('err', msg, rule));
-  }
-  function logError(e) {
-    err(e.toString());
-    console.error(e);
-  }
-
   function toCase(str) {
     var to = str.replace(/(-[a-z])/g, function (v) {
       return v.replace('-', '').toLocaleUpperCase();
@@ -2298,102 +2544,6 @@
     return str.replace(str[0], str[0].toLowerCase());
   }
 
-  var PREFIX = '[[FORM-CREATE-PREFIX-';
-  var SUFFIX = '-FORM-CREATE-SUFFIX]]';
-  function toJson(obj, space) {
-    return JSON.stringify(deepExtend(Array.isArray(obj) ? [] : {}, obj, true), function (key, val) {
-      if (val && val._isVue === true) return undefined;
-
-      if (typeof val !== 'function') {
-        return val;
-      }
-
-      if (val.__json) {
-        return val.__json;
-      }
-
-      if (val.__origin) val = val.__origin;
-      if (val.__emit) return undefined;
-      return PREFIX + val + SUFFIX;
-    }, space);
-  }
-
-  function makeFn(fn) {
-    return new Function('return ' + fn)();
-  }
-
-  function parseFn(fn, mode) {
-    if (fn && is.String(fn) && fn.length > 4) {
-      var v = fn.trim();
-      var flag = false;
-
-      try {
-        if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
-          v = v.replace(SUFFIX, '').replace(PREFIX, '');
-          flag = true;
-        } else if (v.indexOf('$FN:') === 0) {
-          v = v.substring(4);
-          flag = true;
-        } else if (v.indexOf('$EXEC:') === 0) {
-          v = v.substring(6);
-          flag = true;
-        } else if (v.indexOf('$GLOBAL:') === 0) {
-          var name = v.substring(8);
-
-          v = function v() {
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-              args[_key] = arguments[_key];
-            }
-
-            var callback = args[0].api.getGlobalEvent(name);
-
-            if (callback) {
-              return callback.call.apply(callback, [this].concat(args));
-            }
-
-            return undefined;
-          };
-
-          v.__json = fn;
-          v.__inject = true;
-          return v;
-        } else if (v.indexOf('$FNX:') === 0) {
-          v = makeFn('function($inject){\n' + v.substring(5) + '\n}');
-          v.__json = fn;
-          v.__inject = true;
-          return v;
-        } else if (!mode && v.indexOf('function ') === 0 && v !== 'function ') {
-          flag = true;
-        } else if (!mode && v.indexOf('function(') === 0 && v !== 'function(') {
-          flag = true;
-        }
-
-        if (!flag) return fn;
-        var val;
-
-        try {
-          val = makeFn(v);
-        } catch (e) {
-          val = makeFn('function ' + v);
-        }
-
-        val.__json = fn;
-        return val;
-      } catch (e) {
-        err("\u89E3\u6790\u5931\u8D25:".concat(v, "\n\nerr: ").concat(e));
-        return undefined;
-      }
-    }
-
-    return fn;
-  }
-  function parseJson(json, mode) {
-    return JSON.parse(json, function (k, v) {
-      if (is.Undef(v) || !v.indexOf) return v;
-      return parseFn(v, mode);
-    });
-  }
-
   function enumerable(value, writable) {
     return {
       value: value,
@@ -3129,7 +3279,11 @@
     }
 
     if (option.query) {
-      var queryString = new URLSearchParams(option.query).toString();
+      var query = is.String(option.query) ? option.query : Object.keys(option.query).reduce(function (acc, key) {
+        acc[key] = option.query[key] === null || option.query[key] === undefined ? '' : option.query[key];
+        return acc;
+      }, {});
+      var queryString = new URLSearchParams(query).toString();
 
       if (queryString) {
         if (action.includes('?')) {
@@ -3201,7 +3355,9 @@
             };
           }
 
-          resolve(fn(res, config.targetRule, api));
+          toPromise(fn(res, config.targetRule, api)).then(function (res) {
+            resolve(res);
+          });
         },
         onError: function onError(err) {
           reject(err);
@@ -4020,34 +4176,6 @@
     });
   }
 
-  function toString(val) {
-    return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
-  }
-
-  var id$2 = 0;
-  function uniqueId() {
-    var num = 370 + ++id$2;
-    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now())).toString(36) + num.toString(36) + 'c';
-  }
-
-  function deepSet(data, idx, val) {
-    var _data = data,
-        to;
-    (idx || '').split('.').forEach(function (v) {
-      if (to) {
-        if (!_data[to] || _typeof(_data[to]) != 'object') {
-          _data[to] = {};
-        }
-
-        _data = _data[to];
-      }
-
-      to = v;
-    });
-    _data[to] = val;
-    return _data;
-  }
-
   function useRender$1(Render) {
     extend(Render.prototype, {
       initRender: function initRender() {
@@ -4813,7 +4941,7 @@
         options.action = loadVal(options.action || '');
         ['headers', 'data', 'query'].forEach(function (key) {
           if (options[key]) {
-            var data = {};
+            var data = Array.isArray(options[key]) ? [] : {};
             Object.keys(options[key]).forEach(function (k) {
               data[loadVal(k)] = loadVal(options[key][k]);
             });
@@ -5114,11 +5242,17 @@
       return this.vm === handle.vm;
     },
     unwatch: function unwatch() {
+      var _this4 = this;
+
       this.watch.forEach(function (un) {
         return un();
       });
       this.watch = [];
-      this.refRule = {};
+      Object.keys(this.refRule).forEach(function (key) {
+        if (key.indexOf('__$') !== 0) {
+          delete _this4.refRule[key];
+        }
+      });
     },
     unlink: function unlink() {
       this.linkOn.forEach(function (un) {
@@ -5158,15 +5292,15 @@
       this.ctrlRule = [];
     },
     rm: function rm() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _rm = function _rm() {
-        var index = _this4.root.indexOf(_this4.origin);
+        var index = _this5.root.indexOf(_this5.origin);
 
         if (index > -1) {
-          _this4.root.splice(index, 1);
+          _this5.root.splice(index, 1);
 
-          _this4.$handle && _this4.$handle.refresh();
+          _this5.$handle && _this5.$handle.refresh();
         }
       };
 
@@ -5177,17 +5311,17 @@
       }
 
       this.$handle.noWatch(function () {
-        _this4.$handle.deferSyncValue(function () {
-          _this4.rmCtrl();
+        _this5.$handle.deferSyncValue(function () {
+          _this5.rmCtrl();
 
           _rm();
 
-          _this4.$handle.rmCtx(_this4);
+          _this5.$handle.rmCtx(_this5);
 
-          extend(_this4, {
+          extend(_this5, {
             root: []
           });
-        }, _this4.input);
+        }, _this5.input);
       });
     },
     update: function update(handle, init) {
@@ -5803,7 +5937,7 @@
         return ctx.rule.ignore === true || (ctx.rule.ignore === 'hidden' || this.options.ignoreHiddenFields) && ctx.hasHidden();
       },
       appendValue: function appendValue(rule) {
-        if ((!rule.field || !hasProperty(this.appendData, rule.field)) && !this.options.forceCoverValue) {
+        if ((!rule.field || !hasProperty(this.appendData, rule.field)) && (!is.Undef(rule.value) || !this.options.forceCoverValue)) {
           return;
         }
 
@@ -6318,7 +6452,7 @@
         return this.$manager.adapterValidate({
           required: validate.required,
           message: validate.message,
-          target: validate.trigger
+          trigger: validate.trigger
         }, validator);
       },
       getValidateMessage: function getValidateMessage(ctx, invalid) {
@@ -6567,9 +6701,10 @@
               var one = item.group[i];
               var flag = void 0;
               var field = null;
+              var variableVal = null;
 
               if (one.variable) {
-                field = JSON.stringify(_this4.fc.getLoadData(one.variable)) || '';
+                variableVal = _this4.fc.getLoadData(one.variable);
               } else if (one.field) {
                 field = convertFieldToConditions(one.field || '');
               } else if (!one.mode) {
@@ -6578,6 +6713,12 @@
                 };
               }
 
+              if (!one.variable && !one.field) {
+                return {
+                  v: false
+                };
+              }
+
               var compare = one.compare;
 
               if (compare) {
@@ -6594,7 +6735,7 @@
                 });
               } else {
                 flag = invoke(function () {
-                  return new Function('$condition', '$val', '$form', '$scope', '$group', '$rule', "with($form){with($scope){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(field, ", ").concat(compare ? compare : '$val', "); }}}}")).call(_this4.api.form, condition, one.value, _this4.api.top.form, _this4.api.top === _this4.api.scope ? {} : _this4.api.scope.form, group ? _this4.subRuleData[group.id] || {} : {}, ctx.rule);
+                  return new Function('$condition', '$variableVal', '$val', '$form', '$scope', '$group', '$rule', "with($form){with($scope){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(one.variable ? '$variableVal' : field, ", ").concat(compare ? compare : '$val', "); }}}}")).call(_this4.api.form, condition, variableVal, one.value, _this4.api.top.form, _this4.api.top === _this4.api.scope ? {} : _this4.api.scope.form, group ? _this4.subRuleData[group.id] || {} : {}, ctx.rule);
                 });
               }
 
@@ -6634,7 +6775,7 @@
           return val;
         } else if (is.Function(item)) {
           fn = function fn() {
-            return item(_this4.api.form, _this4.api);
+            return item(_this4.api.form, _this4.api, ctx.rule);
           };
         } else {
           var _group = ctx.getParentGroup();
@@ -7655,7 +7796,9 @@
               };
             }
 
-            set(fn(body, rule, api));
+            toPromise(fn(body, rule, api)).then(function (res) {
+              set(res);
+            });
           },
           onError: function onError(e) {
             set(undefined);
@@ -7672,12 +7815,11 @@
           api: api
         }).then(function () {
           if (is.Function(_option.action)) {
-            _option.action(rule, api).then(function (val) {
+            toPromise(_option.action(rule, api)).then(function (val) {
               config.onSuccess(val, true);
             })["catch"](function (e) {
               config.onError(e);
             });
-
             return;
           }
 
@@ -7721,9 +7863,9 @@
     componentValidate: componentValidate
   };
 
-  var name$6 = 'html';
+  var name$7 = 'html';
   var html = {
-    name: name$6,
+    name: name$7,
     loadChildren: false,
     render: function render(children, ctx) {
       ctx.prop.props.innerHTML = children["default"]();
@@ -8786,12 +8928,12 @@
     datetimerange: 'YYYY-MM-DD HH:mm:ss',
     year: 'YYYY'
   };
-  var name$5 = 'datePicker';
+  var name$6 = 'datePicker';
   var datePicker = {
-    name: name$5,
+    name: name$6,
     maker: function () {
       return ['year', 'month', 'date', 'dates', 'week', 'datetime', 'datetimeRange', 'dateRange', 'monthRange'].reduce(function (initial, type) {
-        initial[type] = creatorFactory(name$5, {
+        initial[type] = creatorFactory(name$6, {
           type: type.toLowerCase()
         });
         return initial;
@@ -8806,28 +8948,28 @@
     }
   };
 
-  var name$4 = 'hidden';
+  var name$5 = 'hidden';
   var hidden = {
-    name: name$4,
-    maker: _defineProperty({}, name$4, function (field, value) {
-      return creatorFactory(name$4)('', field, value);
+    name: name$5,
+    maker: _defineProperty({}, name$5, function (field, value) {
+      return creatorFactory(name$5)('', field, value);
     }),
     render: function render() {
       return [];
     }
   };
 
-  var name$3 = 'input';
+  var name$4 = 'input';
   var input = {
-    name: name$3,
+    name: name$4,
     maker: function () {
       var maker = ['password', 'url', 'email', 'text', 'textarea'].reduce(function (maker, type) {
-        maker[type] = creatorFactory(name$3, {
+        maker[type] = creatorFactory(name$4, {
           type: type
         });
         return maker;
       }, {});
-      maker.idate = creatorFactory(name$3, {
+      maker.idate = creatorFactory(name$4, {
         type: 'date'
       });
       return maker;
@@ -8841,6 +8983,19 @@
     }
   };
 
+  var name$3 = 'textarea';
+  var textarea = {
+    name: name$3,
+    mergeProp: function mergeProp(ctx) {
+      var props = ctx.prop.props;
+      props.type = 'textarea';
+
+      if (props && props.autosize && props.autosize.minRows) {
+        props.rows = props.autosize.minRows || 2;
+      }
+    }
+  };
+
   var name$2 = 'slider';
   var slider = {
     name: name$2,
@@ -8912,7 +9067,7 @@
     }
   };
 
-  var parsers = [datePicker, hidden, input, slider, timePicker, row, select];
+  var parsers = [datePicker, hidden, input, textarea, slider, timePicker, row, select];
 
   var PRE = 'el';
   var alias = {
@@ -8935,6 +9090,7 @@
     inputNumber: PRE + '-input-number',
     number: PRE + '-input-number',
     input: PRE + '-input',
+    textarea: PRE + '-input',
     formItem: PRE + '-form-item',
     form: PRE + '-form',
     frame: 'fc-frame',
@@ -9698,7 +9854,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.30',
+      version: '3.2.32',
       manager: manager,
       extendApi: extendApi,
       install: install,