@form-create/element-ui 3.2.35 → 3.2.37

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @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.
  */
-import { defineComponent, toRef, ref, watch, computed, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, nextTick, markRaw, reactive, isVNode, getCurrentInstance, provide, inject, toRefs, onBeforeMount, watchEffect, onMounted, onBeforeUnmount, onUpdated, withDirectives, resolveDirective, createApp, h } from 'vue';
+import { defineComponent, toRef, ref, watch, computed, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, nextTick, createBlock, withCtx, Fragment, renderList, renderSlot, markRaw, reactive, isVNode, getCurrentInstance, provide, inject, toRefs, onBeforeMount, watchEffect, onMounted, onBeforeUnmount, onUpdated, withDirectives, resolveDirective, createApp, h } from 'vue';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -475,7 +475,7 @@ function styleInject(css, ref) {
 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'
 };
 
@@ -496,13 +496,13 @@ var _hoisted_3$6 = /*#__PURE__*/createElementVNode("path", {
 }, 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 openBlock(), 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'
 };
 
@@ -518,13 +518,13 @@ var _hoisted_2$5 = /*#__PURE__*/createElementVNode("path", {
 }, 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 openBlock(), 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'
 };
 
@@ -540,13 +540,13 @@ var _hoisted_2$4 = /*#__PURE__*/createElementVNode("path", {
 }, 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 openBlock(), 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'
 };
 
@@ -562,13 +562,13 @@ var _hoisted_2$3 = /*#__PURE__*/createElementVNode("path", {
 }, 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 openBlock(), 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'
 };
 
@@ -584,11 +584,11 @@ var _hoisted_2$2 = /*#__PURE__*/createElementVNode("path", {
 }, 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 openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
 }
 
-script$2.render = render$2;
+script$3.render = render$3;
 
 var NAME$7 = 'fcFrame';
 var Frame = defineComponent({
@@ -699,8 +699,8 @@ var Frame = defineComponent({
   },
   emits: ['update:modelValue', 'change'],
   components: {
-    IconFolderOpened: script$2,
-    IconView: script$3
+    IconFolderOpened: script$3,
+    IconView: script$4
   },
   data: function data() {
     return {
@@ -776,7 +776,7 @@ var Frame = defineComponent({
             }
           }, {
             "default": function _default() {
-              return [createVNode(script$6, null, null)];
+              return [createVNode(script$7, null, null)];
             }
           }) : null;
         }
@@ -847,7 +847,7 @@ var Frame = defineComponent({
         "key": '6' + index
       }, {
         "default": function _default() {
-          return [createVNode(script$4, null, null)];
+          return [createVNode(script$5, null, null)];
         }
       });
     },
@@ -861,7 +861,7 @@ var Frame = defineComponent({
           }
         }, {
           "default": function _default() {
-            return [createVNode(script$5, null, null)];
+            return [createVNode(script$6, null, null)];
           }
         }), _this4.makeIcons(src, index)]);
       }));
@@ -1252,7 +1252,7 @@ function hasProperty(rule, k) {
 }
 
 var NAME$5 = 'fcSelect';
-var Select = defineComponent({
+var script$2 = defineComponent({
   name: NAME$5,
   inheritAttrs: false,
   props: {
@@ -1264,63 +1264,69 @@ var Select = defineComponent({
     type: String
   },
   emits: ['update:modelValue', 'fc.el'],
-  setup: function setup(props) {
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
     var options = toRef(props.formCreateInject, 'options', []);
     var value = toRef(props, 'modelValue');
 
-    var _options = function _options() {
+    var _options = 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 createVNode(resolveComponent("ElOption"), mergeProps$1(props, {
-        "key": '' + index + '-' + props.value
-      }), null);
-    };
-
-    var makeOptionGroup = function makeOptionGroup(props, index) {
-      return createVNode(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 createVNode(resolveComponent("ElSelect"), mergeProps$1(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 = resolveComponent("el-option");
+
+  var _component_el_option_group = resolveComponent("el-option-group");
+
+  var _component_el_select = resolveComponent("el-select");
+
+  return openBlock(), createBlock(_component_el_select, mergeProps$1(_ctx.$attrs, {
+    "model-value": _ctx.value,
+    "onUpdate:modelValue": _ctx.handleUpdate,
+    ref: "el"
+  }), {
+    "default": withCtx(function () {
+      return [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, function (props, index) {
+        return openBlock(), createElementBlock(Fragment, null, [_ctx.hasProperty(props, 'options') ? (openBlock(), createBlock(_component_el_option_group, {
+          label: props.label,
+          key: "".concat(index, "-").concat(props.label)
+        }, {
+          "default": withCtx(function () {
+            return [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.is.trueArray(props.options) ? props.options : [], function (option, optIndex) {
+              return openBlock(), createBlock(_component_el_option, mergeProps$1({
+                key: "".concat(optIndex, "-").concat(option.value)
+              }, option), null, 16);
+            }), 128))];
+          }),
+          _: 2
+        }, 1032, ["label"])) : (openBlock(), createBlock(_component_el_option, mergeProps$1(_defineProperty({
+          key: 1
+        }, "key", "".concat(index, "-").concat(props.value)), props), null, 16))], 64);
+      }), 256)), renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+  }, 16, ["model-value", "onUpdate:modelValue"]);
+}
+
+script$2.render = render$2;
+
 var NAME$4 = 'fcTree';
 var Tree = defineComponent({
   name: NAME$4,
@@ -2434,7 +2440,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 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'];
@@ -4273,7 +4279,7 @@ function useRender$1(Render) {
       }
     },
     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) {
@@ -6126,7 +6132,7 @@ function useContext(Handler) {
       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) {
@@ -7231,7 +7237,7 @@ extend(Handler.prototype, {
     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;
@@ -9887,7 +9893,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.35',
+    version: '3.2.37',
     manager: manager,
     extendApi: extendApi,
     install: install,