@form-create/element-ui 3.2.35 → 3.2.37

package/dist/form-create.js

@@ -1,6 +1,6 @@
 /*!
- * @form-create/element-ui v3.2.35
- * (c) 2018-2025 xaboy
+ * @form-create/element-ui v3.2.37
+ * (c) 2018-2026 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
  */
@@ -479,7 +479,7 @@
   var css_248z$3 = "._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-disabled ._fc-upload-btn,._fc-frame._fc-disabled .el-button{color:#999;cursor:not-allowed!important}._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$3);
 
-  var script$6 = {
+  var script$7 = {
     name: 'IconCircleClose'
   };
 
@@ -500,13 +500,13 @@
   }, null, -1);
 
   var _hoisted_4 = [_hoisted_2$6, _hoisted_3$6];
-  function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_4);
   }
 
-  script$6.render = render$6;
+  script$7.render = render$7;
 
-  var script$5 = {
+  var script$6 = {
     name: 'IconDocument'
   };
 
@@ -522,13 +522,13 @@
   }, null, -1);
 
   var _hoisted_3$5 = [_hoisted_2$5];
-  function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
   }
 
-  script$5.render = render$5;
+  script$6.render = render$6;
 
-  var script$4 = {
+  var script$5 = {
     name: 'IconDelete'
   };
 
@@ -544,13 +544,13 @@
   }, null, -1);
 
   var _hoisted_3$4 = [_hoisted_2$4];
-  function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
   }
 
-  script$4.render = render$4;
+  script$5.render = render$5;
 
-  var script$3 = {
+  var script$4 = {
     name: 'IconView'
   };
 
@@ -566,13 +566,13 @@
   }, null, -1);
 
   var _hoisted_3$3 = [_hoisted_2$3];
-  function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
   }
 
-  script$3.render = render$3;
+  script$4.render = render$4;
 
-  var script$2 = {
+  var script$3 = {
     name: 'IconFolderOpened'
   };
 
@@ -588,11 +588,11 @@
   }, null, -1);
 
   var _hoisted_3$2 = [_hoisted_2$2];
-  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
   }
 
-  script$2.render = render$2;
+  script$3.render = render$3;
 
   var NAME$7 = 'fcFrame';
   var Frame = vue.defineComponent({
@@ -703,8 +703,8 @@
     },
     emits: ['update:modelValue', 'change'],
     components: {
-      IconFolderOpened: script$2,
-      IconView: script$3
+      IconFolderOpened: script$3,
+      IconView: script$4
     },
     data: function data() {
       return {
@@ -780,7 +780,7 @@
               }
             }, {
               "default": function _default() {
-                return [vue.createVNode(script$6, null, null)];
+                return [vue.createVNode(script$7, null, null)];
               }
             }) : null;
           }
@@ -851,7 +851,7 @@
           "key": '6' + index
         }, {
           "default": function _default() {
-            return [vue.createVNode(script$4, null, null)];
+            return [vue.createVNode(script$5, null, null)];
           }
         });
       },
@@ -865,7 +865,7 @@
             }
           }, {
             "default": function _default() {
-              return [vue.createVNode(script$5, null, null)];
+              return [vue.createVNode(script$6, null, null)];
             }
           }), _this4.makeIcons(src, index)]);
         }));
@@ -1256,7 +1256,7 @@
   }
 
   var NAME$5 = 'fcSelect';
-  var Select = vue.defineComponent({
+  var script$2 = vue.defineComponent({
     name: NAME$5,
     inheritAttrs: false,
     props: {
@@ -1268,63 +1268,69 @@
       type: String
     },
     emits: ['update:modelValue', 'fc.el'],
-    setup: function setup(props) {
+    setup: function setup(props, _ref) {
+      var emit = _ref.emit;
       var options = vue.toRef(props.formCreateInject, 'options', []);
       var value = vue.toRef(props, 'modelValue');
 
-      var _options = function _options() {
+      var _options = vue.computed(function () {
         return Array.isArray(options.value) ? options.value : [];
+      });
+
+      var handleUpdate = function handleUpdate(v) {
+        emit('update:modelValue', v);
       };
 
       return {
         options: _options,
-        value: value
+        value: value,
+        handleUpdate: handleUpdate,
+        hasProperty: hasProperty,
+        is: is
       };
     },
-    render: function render() {
-      var _this = this,
-          _this$$slots$default,
-          _this$$slots;
-
-      var makeOption = function makeOption(props, index) {
-        return vue.createVNode(vue.resolveComponent("ElOption"), vue.mergeProps(props, {
-          "key": '' + index + '-' + props.value
-        }), null);
-      };
-
-      var makeOptionGroup = function makeOptionGroup(props, index) {
-        return vue.createVNode(vue.resolveComponent("ElOptionGroup"), {
-          "label": props.label,
-          "key": '' + index + '-' + props.label
-        }, {
-          "default": function _default() {
-            return [is.trueArray(props.options) && props.options.map(function (v, index) {
-              return makeOption(v, index);
-            })];
-          }
-        });
-      };
-
-      var options = this.options();
-      return vue.createVNode(vue.resolveComponent("ElSelect"), vue.mergeProps(this.$attrs, {
-        "modelValue": this.value,
-        "onUpdate:modelValue": function onUpdateModelValue(v) {
-          return _this.$emit('update:modelValue', v);
-        },
-        "ref": "el"
-      }), _objectSpread2({
-        "default": function _default() {
-          return [options.map(function (props, index) {
-            return hasProperty(props || '', 'options') ? makeOptionGroup(props, index) : makeOption(props, index);
-          }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)];
-        }
-      }, getSlot(this.$slots, ['default'])));
-    },
     mounted: function mounted() {
       this.$emit('fc.el', this.$refs.el);
     }
   });
 
+  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    var _component_el_option = vue.resolveComponent("el-option");
+
+    var _component_el_option_group = vue.resolveComponent("el-option-group");
+
+    var _component_el_select = vue.resolveComponent("el-select");
+
+    return vue.openBlock(), vue.createBlock(_component_el_select, vue.mergeProps(_ctx.$attrs, {
+      "model-value": _ctx.value,
+      "onUpdate:modelValue": _ctx.handleUpdate,
+      ref: "el"
+    }), {
+      "default": vue.withCtx(function () {
+        return [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, function (props, index) {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [_ctx.hasProperty(props, 'options') ? (vue.openBlock(), vue.createBlock(_component_el_option_group, {
+            label: props.label,
+            key: "".concat(index, "-").concat(props.label)
+          }, {
+            "default": vue.withCtx(function () {
+              return [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.is.trueArray(props.options) ? props.options : [], function (option, optIndex) {
+                return vue.openBlock(), vue.createBlock(_component_el_option, vue.mergeProps({
+                  key: "".concat(optIndex, "-").concat(option.value)
+                }, option), null, 16);
+              }), 128))];
+            }),
+            _: 2
+          }, 1032, ["label"])) : (vue.openBlock(), vue.createBlock(_component_el_option, vue.mergeProps(_defineProperty({
+            key: 1
+          }, "key", "".concat(index, "-").concat(props.value)), props), null, 16))], 64);
+        }), 256)), vue.renderSlot(_ctx.$slots, "default")];
+      }),
+      _: 3
+    }, 16, ["model-value", "onUpdate:modelValue"]);
+  }
+
+  script$2.render = render$2;
+
   var NAME$4 = 'fcTree';
   var Tree = vue.defineComponent({
     name: NAME$4,
@@ -2438,7 +2444,7 @@
 
   script.render = render;
 
-  var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub, script];
+  var components = [Checkbox, Frame, Radio, script$2, Tree, Upload, Group, Sub, script];
 
   var normalMerge = ['props'];
   var toArrayMerge = ['class', 'style', 'directives'];
@@ -4277,7 +4283,7 @@
         }
       },
       deepSet: function deepSet$1(ctx) {
-        var deep = ctx.rule.deep;
+        var deep = ctx.prop.deep;
         deep && Object.keys(deep).sort(function (a, b) {
           return a.length < b.length ? -1 : 1;
         }).forEach(function (str) {
@@ -6130,7 +6136,7 @@
         this.setFormData(ctx, ctx.parser.toFormValue(rule.value, ctx));
 
         if (this.isMounted && !this.reloading) {
-          this.vm.emit('change', ctx.field, rule.value, ctx.origin, this.api);
+          this.vm.emit('change', ctx.field, rule.value, ctx.origin, this.api, false, true);
         }
       },
       getParser: function getParser(ctx) {
@@ -7235,7 +7241,7 @@
       this.lifecycle('created');
     },
     updateAppendData: function updateAppendData() {
-      this.appendData = _objectSpread2(_objectSpread2(_objectSpread2({}, this.options.formData || {}), this.fc.vm.props.modelValue || {}), this.appendData);
+      this.appendData = _objectSpread2(_objectSpread2(_objectSpread2({}, deepCopy(this.options.formData || {})), this.fc.vm.props.modelValue || {}), this.appendData);
     },
     isBreakWatch: function isBreakWatch() {
       return this.loading || this.noWatchFn || this.reloading;
@@ -9891,7 +9897,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.35',
+      version: '3.2.37',
       manager: manager,
       extendApi: extendApi,
       install: install,