@form-create/element-ui 3.1.0 → 3.1.3

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @form-create/element-ui v3.1.0
+ * @form-create/element-ui v3.1.3
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
  */
-import { defineComponent, toRef, resolveComponent, createVNode, mergeProps as mergeProps$1, isVNode, nextTick, Fragment, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onMounted, onBeforeUnmount, onUpdated, watch, computed, customRef, withDirectives, resolveDirective, createApp, h, ref } from 'vue';
+import { defineComponent, toRef, resolveComponent, createVNode, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, Fragment, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onMounted, onBeforeUnmount, onUpdated, watch, computed, customRef, withDirectives, resolveDirective, createApp, h, ref } from 'vue';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -342,9 +342,124 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$2 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-btn{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
+var css_248z$2 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda;cursor:pointer}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-icon{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
 styleInject(css_248z$2);
 
+var script$8 = {
+  name: 'IconCircleClose'
+};
+
+var _hoisted_1$8 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$8 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
+}, null, -1);
+
+var _hoisted_3$8 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+}, null, -1);
+
+var _hoisted_4$2 = [_hoisted_2$8, _hoisted_3$8];
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_4$2);
+}
+
+script$8.render = render$8;
+
+var script$7 = {
+  name: 'IconDocument'
+};
+
+var _hoisted_1$7 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$7 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
+}, null, -1);
+
+var _hoisted_3$7 = [_hoisted_2$7];
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+}
+
+script$7.render = render$7;
+
+var script$6 = {
+  name: 'IconDelete'
+};
+
+var _hoisted_1$6 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$6 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
+}, null, -1);
+
+var _hoisted_3$6 = [_hoisted_2$6];
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+}
+
+script$6.render = render$6;
+
+var script$5 = {
+  name: 'IconView'
+};
+
+var _hoisted_1$5 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$5 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
+}, null, -1);
+
+var _hoisted_3$5 = [_hoisted_2$5];
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+}
+
+script$5.render = render$5;
+
+var script$4 = {
+  name: 'IconFolderOpened'
+};
+
+var _hoisted_1$4 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$4 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 01216.96 384H832zm-24.96 512H96a32 32 0 01-32-32V160a32 32 0 0132-32h287.872l128.384 128H864a32 32 0 0132 32v96h23.04a32 32 0 0131.04 39.744l-112 448A32 32 0 01807.04 896z"
+}, null, -1);
+
+var _hoisted_3$4 = [_hoisted_2$4];
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+}
+
+script$4.render = render$4;
+
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
@@ -372,7 +487,7 @@ var Frame = defineComponent({
     },
     icon: {
       type: String,
-      "default": 'upload'
+      "default": 'IconFolderOpened'
     },
     width: {
       type: String,
@@ -457,6 +572,10 @@ var Frame = defineComponent({
     formCreateInject: Object
   },
   emits: ['update:modelValue', 'change'],
+  components: {
+    IconFolderOpened: script$4,
+    IconView: script$5
+  },
   data: function data() {
     return {
       fileList: toArray(this.modelValue),
@@ -515,7 +634,7 @@ var Frame = defineComponent({
       }), {
         append: function append() {
           return createVNode(resolveComponent("ElButton"), {
-            "icon": _this.icon,
+            "icon": resolveComponent(_this.icon),
             "onClick": function onClick() {
               return _this.showModel();
             }
@@ -523,7 +642,7 @@ var Frame = defineComponent({
         },
         suffix: function suffix() {
           return _this.fileList.length ? createVNode(resolveComponent("ElIcon"), {
-            "class": "el-input__icon",
+            "class": "el-input__icon _fc-upload-icon",
             "onClick": function onClick() {
               _this.fileList = [];
 
@@ -531,7 +650,7 @@ var Frame = defineComponent({
             }
           }, {
             "default": function _default() {
-              return [createVNode(resolveComponent("CircleClose"), null, null)];
+              return [createVNode(script$8, null, null)];
             }
           }) : null;
         }
@@ -580,7 +699,7 @@ var Frame = defineComponent({
     makeHandleIcon: function makeHandleIcon(val, index) {
       var _this2 = this;
 
-      var Type = resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'view' : this.handleIcon);
+      var Type = resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'icon-view' : this.handleIcon);
       return createVNode(resolveComponent("ElIcon"), {
         "onClick": function onClick() {
           return _this2.handleClick(val);
@@ -602,7 +721,7 @@ var Frame = defineComponent({
         "key": '6' + index
       }, {
         "default": function _default() {
-          return [createVNode(resolveComponent("delete"), null, null)];
+          return [createVNode(script$6, null, null)];
         }
       });
     },
@@ -616,7 +735,7 @@ var Frame = defineComponent({
           }
         }, {
           "default": function _default() {
-            return [createVNode(resolveComponent("document"), null, null)];
+            return [createVNode(script$7, null, null)];
           }
         }), _this4.makeIcons(src, index)]);
       }));
@@ -676,6 +795,7 @@ var Frame = defineComponent({
       try {
         if (this.helper === true) {
           iframe['form_create_helper'] = {
+            api: this.formCreateInject.api,
             close: function close(field) {
               _this7.valid(field);
 
@@ -999,6 +1119,28 @@ var Tree = defineComponent({
 var css_248z$1 = "._fc-exceed .el-upload{display:none}";
 styleInject(css_248z$1);
 
+var script$3 = {
+  name: 'IconUpload'
+};
+
+var _hoisted_1$3 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$3 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M160 832h704a32 32 0 110 64H160a32 32 0 110-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
+}, null, -1);
+
+var _hoisted_3$3 = [_hoisted_2$3];
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+
+script$3.render = render$3;
+
 function parseFile(file, i) {
   return {
     url: file,
@@ -1093,7 +1235,7 @@ var Upload = defineComponent({
       "default": function _default() {
         return [((_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)) || createVNode(resolveComponent("ElIcon"), null, {
           "default": function _default() {
-            return [createVNode(resolveComponent("upload"), null, null)];
+            return [createVNode(script$3, null, null)];
           }
         })];
       }
@@ -1126,9 +1268,28 @@ var is = {
   },
   trueArray: function trueArray(data) {
     return Array.isArray(data) && data.length > 0;
+  },
+  Function: function Function(v) {
+    var type = this.getType(v);
+    return type === 'Function' || type === 'AsyncFunction';
+  },
+  getType: function getType(v) {
+    var str = Object.prototype.toString.call(v);
+    return /^\[object (.*)\]$/.exec(str)[1];
+  },
+  empty: function empty(value) {
+    if (value === undefined || value === null) {
+      return true;
+    }
+
+    if (Array.isArray(value) && Array.isArray(value) && !value.length) {
+      return true;
+    }
+
+    return typeof value === 'string' && !value;
   }
 };
-['Date', 'Object', 'Function', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
+['Date', 'Object', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
   is[t] = function (arg) {
     return is.type(arg, t);
   };
@@ -1137,6 +1298,140 @@ function hasProperty(rule, k) {
   return {}.hasOwnProperty.call(rule, k);
 }
 
+var script$2 = {
+  name: 'IconCirclePlus'
+};
+
+var _hoisted_1$2 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+}, null, -1);
+
+var _hoisted_3$2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
+}, null, -1);
+
+var _hoisted_4$1 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+}, null, -1);
+
+var _hoisted_5 = [_hoisted_2$2, _hoisted_3$2, _hoisted_4$1];
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_5);
+}
+
+script$2.render = render$2;
+
+var script$1 = {
+  name: 'IconRemove'
+};
+
+var _hoisted_1$1 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2$1 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+}, null, -1);
+
+var _hoisted_3$1 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+}, null, -1);
+
+var _hoisted_4 = [_hoisted_2$1, _hoisted_3$1];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_4);
+}
+
+script$1.render = render$1;
+
+function $set(target, field, value) {
+  target[field] = value;
+}
+function $del(target, field) {
+  delete target[field];
+}
+
+function deepExtend(origin) {
+  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var mode = arguments.length > 2 ? arguments[2] : undefined;
+  var isArr = false;
+
+  for (var key in target) {
+    if (Object.prototype.hasOwnProperty.call(target, key)) {
+      var clone = target[key];
+
+      if ((isArr = Array.isArray(clone)) || is.Object(clone)) {
+        var nst = origin[key] === undefined;
+
+        if (isArr) {
+          isArr = false;
+          nst && $set(origin, key, []);
+        } else if (clone._clone && mode !== undefined) {
+          if (mode) {
+            clone = clone.getRule();
+            nst && $set(origin, key, {});
+          } else {
+            $set(origin, key, clone._clone());
+            continue;
+          }
+        } else {
+          nst && $set(origin, key, {});
+        }
+
+        origin[key] = deepExtend(origin[key], clone, mode);
+      } else {
+        $set(origin, key, clone);
+
+        if (!is.Undef(clone)) {
+          if (!is.Undef(clone.__json)) {
+            origin[key].__json = clone.__json;
+          }
+
+          if (!is.Undef(clone.__origin)) {
+            origin[key].__origin = clone.__origin;
+          }
+        }
+      }
+    }
+  }
+
+  return mode !== undefined && Array.isArray(origin) ? origin.filter(function (v) {
+    return !v || !v.__ctrl;
+  }) : origin;
+}
+function deepCopy(value) {
+  return deepExtend({}, {
+    value: value
+  }).value;
+}
+
+var _extends = Object.assign || function (a) {
+  for (var b, c = 1; c < arguments.length; c++) {
+    for (var d in b = arguments[c], b) {
+      Object.prototype.hasOwnProperty.call(b, d) && $set(a, d, b[d]);
+    }
+  }
+
+  return a;
+};
+
+function extend() {
+  return _extends.apply(this, arguments);
+}
+
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
@@ -1167,6 +1462,7 @@ var Group = defineComponent({
         return [];
       }
     },
+    defaultValue: Object,
     disabled: {
       type: Boolean,
       "default": false
@@ -1303,6 +1599,13 @@ var Group = defineComponent({
         submitBtn: false,
         resetBtn: false
       };
+
+      if (this.defaultValue) {
+        if (!options.formData) options.formData = {};
+        var defVal = deepCopy(this.defaultValue);
+        extend(options.formData, this.field ? _defineProperty({}, this.field, defVal) : defVal);
+      }
+
       this.cacheRule[++this.len] = {
         rule: rule,
         options: options
@@ -1319,6 +1622,7 @@ var Group = defineComponent({
 
       this.cacheRule[key].$f = $f;
       this.subForm();
+      this.formData(key, $f.formData());
       nextTick(function () {
         if (_this4.syncDisabled) {
           $f.disabled(_this4.disabled);
@@ -1366,13 +1670,13 @@ var Group = defineComponent({
       this.input(this.modelValue);
     },
     addIcon: function addIcon(key) {
-      return createVNode(resolveComponent("el-icon"), {
+      return createVNode(resolveComponent("ElIcon"), {
         "key": "a".concat(key),
         "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer', ";"),
         "onClick": this.add
       }, {
         "default": function _default() {
-          return [createVNode(resolveComponent("circle-plus"), null, null)];
+          return [createVNode(script$2, null, null)];
         }
       });
     },
@@ -1388,7 +1692,7 @@ var Group = defineComponent({
         }
       }, {
         "default": function _default() {
-          return [createVNode(resolveComponent("remove"), null, null)];
+          return [createVNode(script$1, null, null)];
         }
       });
     },
@@ -1445,12 +1749,15 @@ var Group = defineComponent({
     return keys.length === 0 ? this.$slots["default"] ? this.$slots["default"]({
       vm: this,
       add: this.add
-    }) : createVNode("i", {
+    }) : createVNode(resolveComponent("ElIcon"), {
       "key": 1,
-      "class": "el-icon-circle-plus-outline",
       "style": "font-size:".concat(this.fontSize, "px;vertical-align:middle;color:").concat(this.disabled ? '#c9cdd4;cursor: not-allowed' : '#606266;cursor:pointer', ";"),
       "onClick": this.add
-    }, null) : createVNode("div", {
+    }, {
+      "default": function _default() {
+        return [createVNode(script$2, null, null)];
+      }
+    }) : createVNode("div", {
       "key": 2
     }, [keys.map(function (key, index) {
       var _slot;
@@ -1597,7 +1904,29 @@ var Sub = defineComponent({
   }
 });
 
-var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub];
+var script = {
+  name: 'IconWarning'
+};
+
+var _hoisted_1 = {
+  "class": "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 832a384 384 0 000-768 384 384 0 000 768zm48-176a48 48 0 11-96 0 48 48 0 0196 0zm-48-464a32 32 0 0132 32v288a32 32 0 01-64 0V288a32 32 0 0132-32z"
+}, null, -1);
+
+var _hoisted_3 = [_hoisted_2];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+
+script.render = render;
+
+var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub, script];
 
 var NAME$1 = 'FormCreate';
 function $FormCreate(FormCreate) {
@@ -1700,27 +2029,6 @@ function $FormCreate(FormCreate) {
   });
 }
 
-function $set(target, field, value) {
-  target[field] = value;
-}
-function $del(target, field) {
-  delete target[field];
-}
-
-var _extends = Object.assign || function (a) {
-  for (var b, c = 1; c < arguments.length; c++) {
-    for (var d in b = arguments[c], b) {
-      Object.prototype.hasOwnProperty.call(b, d) && $set(a, d, b[d]);
-    }
-  }
-
-  return a;
-};
-
-function extend() {
-  return _extends.apply(this, arguments);
-}
-
 var normalMerge = ['props'];
 var toArrayMerge = ['class', 'style', 'directives'];
 var functionalMerge = ['on'];
@@ -1790,67 +2098,13 @@ var mergeFn = function mergeFn(fn1, fn2) {
   };
 };
 
-var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key'];
+var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'slotUpdate'];
 var arrayAttrs = ['validate', 'children', 'control'];
 var normalAttrs = ['effect'];
 function attrs() {
   return [].concat(keyAttrs, _toConsumableArray(normalMerge), _toConsumableArray(toArrayMerge), _toConsumableArray(functionalMerge), arrayAttrs, normalAttrs);
 }
 
-function deepExtend(origin) {
-  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var mode = arguments.length > 2 ? arguments[2] : undefined;
-  var isArr = false;
-
-  for (var key in target) {
-    if (Object.prototype.hasOwnProperty.call(target, key)) {
-      var clone = target[key];
-
-      if ((isArr = Array.isArray(clone)) || is.Object(clone)) {
-        var nst = origin[key] === undefined;
-
-        if (isArr) {
-          isArr = false;
-          nst && $set(origin, key, []);
-        } else if (clone._clone && mode !== undefined) {
-          if (mode) {
-            clone = clone.getRule();
-            nst && $set(origin, key, {});
-          } else {
-            $set(origin, key, clone._clone());
-            continue;
-          }
-        } else {
-          nst && $set(origin, key, {});
-        }
-
-        origin[key] = deepExtend(origin[key], clone, mode);
-      } else {
-        $set(origin, key, clone);
-
-        if (!is.Undef(clone)) {
-          if (!is.Undef(clone.__json)) {
-            origin[key].__json = clone.__json;
-          }
-
-          if (!is.Undef(clone.__origin)) {
-            origin[key].__origin = clone.__origin;
-          }
-        }
-      }
-    }
-  }
-
-  return mode !== undefined && Array.isArray(origin) ? origin.filter(function (v) {
-    return !v || !v.__ctrl;
-  }) : origin;
-}
-function deepCopy(value) {
-  return deepExtend({}, {
-    value: value
-  }).value;
-}
-
 function format(type, msg, rule) {
   return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
 }
@@ -2008,14 +2262,14 @@ function makeSlotBag() {
       if (!slotBag[slot]) slotBag[slot] = [];
       slotBag[slot].push(vnFn);
     },
-    getSlot: function getSlot(slot) {
+    getSlot: function getSlot(slot, val) {
       slot = slotName(slot);
       var children = [];
       (slotBag[slot] || []).forEach(function (fn) {
         if (Array.isArray(fn)) {
           children.push.apply(children, _toConsumableArray(fn));
         } else if (is.Function(fn)) {
-          var res = fn();
+          var res = fn.apply(void 0, _toConsumableArray(val || []));
 
           if (Array.isArray(res)) {
             children.push.apply(children, _toConsumableArray(res));
@@ -2034,7 +2288,11 @@ function makeSlotBag() {
       var slots = {};
       Object.keys(slotBag).forEach(function (k) {
         slots[k] = function () {
-          return _this.getSlot(k);
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return _this.getSlot(k, args);
         };
       });
       return slots;
@@ -2760,6 +3018,25 @@ function useRender$1(Render) {
           }
 
           vn = function vn() {
+            for (var _len = arguments.length, slotValue = new Array(_len), _key = 0; _key < _len; _key++) {
+              slotValue[_key] = arguments[_key];
+            }
+
+            var inject = {
+              rule: rule,
+              prop: prop,
+              preview: preview,
+              api: _this4.$handle.api,
+              model: prop.model || {},
+              slotValue: slotValue
+            };
+
+            if (slotValue.length && rule.slotUpdate) {
+              invoke(function () {
+                return rule.slotUpdate(inject);
+              });
+            }
+
             var children = {};
 
             var _load = ctx.loadChildrenPending();
@@ -2775,14 +3052,8 @@ function useRender$1(Render) {
             var _vn;
 
             if (slot) {
-              _vn = slot({
-                rule: rule,
-                prop: prop,
-                preview: preview,
-                children: children,
-                api: _this4.$handle.api,
-                model: prop.model || {}
-              });
+              inject.children = children;
+              _vn = slot(inject);
             } else {
               _vn = preview ? ctx.parser.preview(children, ctx) : ctx.parser.render(children, ctx);
             }
@@ -2900,12 +3171,17 @@ function useRender$1(Render) {
 
       if (!custom && ctx.input) {
         var field = this.getModelField(ctx);
-        props.push({
-          on: _defineProperty({}, "update:".concat(field), function update(value) {
+        var model = {
+          callback: function callback(value) {
             _this7.onInput(ctx, value);
-          }),
-          props: _defineProperty({}, field, this.$handle.getFormData(ctx))
+          },
+          value: this.$handle.getFormData(ctx)
+        };
+        props.push({
+          on: _defineProperty({}, "update:".concat(field), model.callback),
+          props: _defineProperty({}, field, model.value)
         });
+        ctx.prop.model = model;
       }
 
       mergeProps(props, ctx.prop);
@@ -3920,7 +4196,7 @@ function useInput(Handler) {
       }
     },
     setFormData: function setFormData(ctx, value) {
-      $set(this.formData, ctx.id, value === undefined ? null : value);
+      $set(this.formData, ctx.id, value === null ? undefined : value);
     },
     getFormData: function getFormData(ctx) {
       return this.formData[ctx.id];
@@ -4139,10 +4415,10 @@ function useContext(Handler) {
     watchCtx: function watchCtx(ctx) {
       var _this = this;
 
-      var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update'];
+      var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update', 'slotUpdate'];
       var all = attrs();
       all.filter(function (k) {
-        return k[0] !== '_' && none.indexOf(k) === -1;
+        return k[0] !== '_' && k[0] !== '$' && none.indexOf(k) === -1;
       }).forEach(function (key) {
         var ref = toRef(ctx.rule, key);
         var flag = key === 'children';
@@ -4347,10 +4623,21 @@ function useEffect(Handler) {
     watchEffect: function watchEffect(ctx) {
       var _this3 = this;
 
+      var effect = {};
       Object.keys(ctx.rule.effect || {}).forEach(function (k) {
-        ctx.watch.push(watch(function () {
+        effect[k] = function () {
           return ctx.rule.effect[k];
-        }, function (n) {
+        };
+      });
+      Object.keys(ctx.rule).forEach(function (k) {
+        if (k[0] === '$') {
+          effect[k.substr(1)] = function () {
+            return ctx.rule[k];
+          };
+        }
+      });
+      Object.keys(effect).forEach(function (k) {
+        ctx.watch.push(watch(effect[k], function (n) {
           _this3.effect(ctx, 'watch', _defineProperty({}, k, n));
         }, {
           deep: true
@@ -4374,7 +4661,12 @@ function useEffect(Handler) {
       }, event);
     },
     getEffect: function getEffect(rule, name) {
-      if (hasProperty(rule, 'effect') && hasProperty(rule.effect, name)) return rule.effect[name];else return undefined;
+      if (hasProperty(rule, '$' + name)) {
+        return rule['$' + name];
+      }
+
+      if (hasProperty(rule, 'effect') && hasProperty(rule.effect, name)) return rule.effect[name];
+      return undefined;
     },
     emitEffect: function emitEffect(_ref, event, append) {
       var _this4 = this;
@@ -4385,7 +4677,13 @@ function useEffect(Handler) {
           type = _ref.type,
           custom = _ref.custom;
       if (!type || ['fcFragment', 'fragment'].indexOf(type) > -1) return;
-      var effect = custom ? custom : rule.effect || {};
+      var effect = custom ? custom : Object.keys(rule).reduce(function (i, k) {
+        if (k[0] === '$') {
+          i[k.substr(1)] = rule[k];
+        }
+
+        return i;
+      }, _objectSpread2({}, rule.effect || {}));
       Object.keys(effect).forEach(function (attr) {
         var p = _this4.providers[attr];
         if (!p || p.input && !input) return;
@@ -4750,6 +5048,44 @@ var $fetch = {
     }
   }
 };
+var $required = {
+  name: 'required',
+  load: function load(inject, rule) {
+    var val = parseVa(inject.getValue());
+
+    var validate = _objectSpread2(_objectSpread2({}, val), {}, {
+      required: true,
+      validator: function validator(_, v) {
+        return new Promise(function (resolve, reject) {
+          is.empty(v) ? reject(validate.message) : resolve();
+        });
+      }
+    });
+
+    if (!validate.message) {
+      validate.message = rule.title + ' is required';
+    }
+
+    inject.getProp().validate = [validate];
+  },
+  watch: function watch() {
+    $required.load.apply($required, arguments);
+  }
+};
+
+function parseVa(val) {
+  if (is.Boolean(val)) {
+    return {};
+  } else if (is.String(val)) {
+    return {
+      message: val
+    };
+  } else if (!is.Object(val)) {
+    return {};
+  } else {
+    return val;
+  }
+}
 
 function parseOpt(option) {
   if (is.String(option)) {
@@ -4820,6 +5156,11 @@ function run(inject, rule, api) {
   return true;
 }
 
+var $provider = {
+  fetch: $fetch,
+  required: $required
+};
+
 var name$6 = 'html';
 var html = {
   name: name$6,
@@ -4879,9 +5220,9 @@ function FormCreateFactory(config) {
   var directives = {};
   var modelFields = {};
   var useApps = [];
-  var providers = {
-    fetch: $fetch
-  };
+
+  var providers = _objectSpread2({}, $provider);
+
   var maker = makerFactory();
   var globalConfig = {
     global: {}
@@ -4935,7 +5276,7 @@ function FormCreateFactory(config) {
         return components[name];
       }
     } else {
-      name = toCase(id.name);
+      name = toCase(id.displayName || id.name);
       component = id;
     }
 
@@ -4988,8 +5329,25 @@ function FormCreateFactory(config) {
     return vm.$refs.fc.fapi;
   }
 
-  function factory() {
-    return FormCreateFactory(config);
+  function factory(inherit) {
+    var _config = _objectSpread2({}, config);
+
+    if (inherit) {
+      _config.inherit = {
+        components: components,
+        parsers: parsers,
+        directives: directives,
+        modelFields: modelFields,
+        providers: providers,
+        useApps: useApps,
+        maker: maker,
+        data: data
+      };
+    } else {
+      delete _config.inherit;
+    }
+
+    return FormCreateFactory(_config);
   }
 
   function setModelField(name, field) {
@@ -5182,6 +5540,19 @@ function FormCreateFactory(config) {
     });
   });
   parser(html);
+
+  if (config.inherit) {
+    var inherit = config.inherit;
+    inherit.components && extend(components, inherit.components);
+    inherit.parsers && extend(parsers, inherit.parsers);
+    inherit.directives && extend(directives, inherit.directives);
+    inherit.modelFields && extend(modelFields, inherit.modelFields);
+    inherit.providers && extend(providers, inherit.providers);
+    inherit.useApps && extend(useApps, inherit.useApps);
+    inherit.maker && extend(maker, inherit.maker);
+    inherit.data && extend(data, inherit.data);
+  }
+
   return create;
 }
 
@@ -5594,7 +5965,7 @@ var manager = {
         }, {
           "default": function _default() {
             return _this4.$r({
-              type: infoProp.icon === true ? 'warning' : infoProp.icon
+              type: infoProp.icon === true ? 'icon-warning' : infoProp.icon
             });
           }
         }, true);
@@ -5965,7 +6336,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.0',
+    version: '3.1.3',
     manager: manager,
     extendApi: extendApi,
     install: install,