@form-create/element-ui 3.1.1 → 3.1.2

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.0
+ * @form-create/element-ui v3.1.2
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -346,9 +346,124 @@
     }
   }
 
-  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__*/vue.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__*/vue.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 vue.openBlock(), vue.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__*/vue.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 vue.openBlock(), vue.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__*/vue.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 vue.openBlock(), vue.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__*/vue.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 vue.openBlock(), vue.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__*/vue.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 vue.openBlock(), vue.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]' && !vue.isVNode(s);
   }
@@ -376,7 +491,7 @@
       },
       icon: {
         type: String,
-        "default": 'upload'
+        "default": 'IconFolderOpened'
       },
       width: {
         type: String,
@@ -461,6 +576,10 @@
       formCreateInject: Object
     },
     emits: ['update:modelValue', 'change'],
+    components: {
+      IconFolderOpened: script$4,
+      IconView: script$5
+    },
     data: function data() {
       return {
         fileList: toArray(this.modelValue),
@@ -519,7 +638,7 @@
         }), {
           append: function append() {
             return vue.createVNode(vue.resolveComponent("ElButton"), {
-              "icon": _this.icon,
+              "icon": vue.resolveComponent(_this.icon),
               "onClick": function onClick() {
                 return _this.showModel();
               }
@@ -527,7 +646,7 @@
           },
           suffix: function suffix() {
             return _this.fileList.length ? vue.createVNode(vue.resolveComponent("ElIcon"), {
-              "class": "el-input__icon",
+              "class": "el-input__icon _fc-upload-icon",
               "onClick": function onClick() {
                 _this.fileList = [];
 
@@ -535,7 +654,7 @@
               }
             }, {
               "default": function _default() {
-                return [vue.createVNode(vue.resolveComponent("CircleClose"), null, null)];
+                return [vue.createVNode(script$8, null, null)];
               }
             }) : null;
           }
@@ -584,7 +703,7 @@
       makeHandleIcon: function makeHandleIcon(val, index) {
         var _this2 = this;
 
-        var Type = vue.resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'view' : this.handleIcon);
+        var Type = vue.resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'icon-view' : this.handleIcon);
         return vue.createVNode(vue.resolveComponent("ElIcon"), {
           "onClick": function onClick() {
             return _this2.handleClick(val);
@@ -606,7 +725,7 @@
           "key": '6' + index
         }, {
           "default": function _default() {
-            return [vue.createVNode(vue.resolveComponent("delete"), null, null)];
+            return [vue.createVNode(script$6, null, null)];
           }
         });
       },
@@ -620,7 +739,7 @@
             }
           }, {
             "default": function _default() {
-              return [vue.createVNode(vue.resolveComponent("document"), null, null)];
+              return [vue.createVNode(script$7, null, null)];
             }
           }), _this4.makeIcons(src, index)]);
         }));
@@ -1003,6 +1122,28 @@
   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__*/vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+  }
+
+  script$3.render = render$3;
+
   function parseFile(file, i) {
     return {
       url: file,
@@ -1097,7 +1238,7 @@
         "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)) || vue.createVNode(vue.resolveComponent("ElIcon"), null, {
             "default": function _default() {
-              return [vue.createVNode(vue.resolveComponent("upload"), null, null)];
+              return [vue.createVNode(script$3, null, null)];
             }
           })];
         }
@@ -1141,6 +1282,65 @@
     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__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+  }, null, -1);
+
+  var _hoisted_3$2 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
+  }, null, -1);
+
+  var _hoisted_4$1 = /*#__PURE__*/vue.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 vue.openBlock(), vue.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__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+  }, null, -1);
+
+  var _hoisted_3$1 = /*#__PURE__*/vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_4);
+  }
+
+  script$1.render = render$1;
+
   function _isSlot(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
@@ -1370,13 +1570,13 @@
         this.input(this.modelValue);
       },
       addIcon: function addIcon(key) {
-        return vue.createVNode(vue.resolveComponent("el-icon"), {
+        return vue.createVNode(vue.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 [vue.createVNode(vue.resolveComponent("circle-plus"), null, null)];
+            return [vue.createVNode(script$2, null, null)];
           }
         });
       },
@@ -1392,7 +1592,7 @@
           }
         }, {
           "default": function _default() {
-            return [vue.createVNode(vue.resolveComponent("remove"), null, null)];
+            return [vue.createVNode(script$1, null, null)];
           }
         });
       },
@@ -1449,12 +1649,15 @@
       return keys.length === 0 ? this.$slots["default"] ? this.$slots["default"]({
         vm: this,
         add: this.add
-      }) : vue.createVNode("i", {
+      }) : vue.createVNode(vue.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) : vue.createVNode("div", {
+      }, {
+        "default": function _default() {
+          return [vue.createVNode(script$2, null, null)];
+        }
+      }) : vue.createVNode("div", {
         "key": 2
       }, [keys.map(function (key, index) {
         var _slot;
@@ -1601,7 +1804,29 @@
     }
   });
 
-  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__*/vue.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 vue.openBlock(), vue.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) {
@@ -3924,7 +4149,7 @@
         }
       },
       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];
@@ -4939,7 +5164,7 @@
           return components[name];
         }
       } else {
-        name = toCase(id.name);
+        name = toCase(id.displayName || id.name);
         component = id;
       }
 
@@ -5598,7 +5823,7 @@
           }, {
             "default": function _default() {
               return _this4.$r({
-                type: infoProp.icon === true ? 'warning' : infoProp.icon
+                type: infoProp.icon === true ? 'icon-warning' : infoProp.icon
               });
             }
           }, true);
@@ -5969,7 +6194,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.0',
+      version: '3.1.2',
       manager: manager,
       extendApi: extendApi,
       install: install,