@form-create/component-elm-group 2.6.0-alpha.0 → 2.6.1

package/dist/index.es.js

@@ -1,25 +1,55 @@
 /*!
  * FormCreate 低代码表单渲染器
- * @form-create/component-elm-group v2.6.0
+ * @form-create/component-elm-group v2.6.1
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Site https://form-create.com/
  * Released under the MIT License.
  */
 (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode('._fc-group{display:flex;min-height:42px;justify-content:center;flex-direction:column}._fc-group-disabled ._fc-group-btn,._fc-group-disabled ._fc-group-add{cursor:not-allowed}._fc-group-handle{display:flex;flex-direction:row;position:absolute;bottom:-15px;right:30px;border-radius:15px;border:1px dashed #d9d9d9;padding:3px 8px;background-color:#fff}._fc-group-btn{cursor:pointer}._fc-group-idx{position:absolute;bottom:-15px;left:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#eee;border-radius:15px;font-weight:700}._fc-group-handle ._fc-group-btn+._fc-group-btn{margin-left:7px}._fc-group-container{position:relative;display:flex;flex-direction:column;border:1px dashed #d9d9d9;padding:20px 20px 25px;margin:5px 5px 25px;border-radius:5px}._fc-group-arrow{position:relative;width:20px;height:20px}._fc-group-arrow:before{content:"";position:absolute;top:8px;left:5px;width:9px;height:9px;border-left:2px solid #999;border-top:2px solid #999}._fc-group-arrow:before{transform:rotate(45deg)}._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group-plus-minus{width:20px;height:20px;position:relative;cursor:pointer}._fc-group-plus-minus:before,._fc-group-plus-minus:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;background-color:#409eff;transform:translate(-50%,-50%)}._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{cursor:pointer;width:25px;height:25px;border:1px solid rgb(64 158 255 / 50%);border-radius:15px}._fc-group-add._fc-group-plus-minus:before,._fc-group-add._fc-group-plus-minus:after{width:50%}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-var g = Object.defineProperty;
-var p = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var m = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, h = (e, t) => {
-  for (var s in t || (t = {}))
-    _.call(t, s) && m(e, s, t[s]);
-  if (p)
-    for (var s of p(t))
-      $.call(t, s) && m(e, s, t[s]);
+var O = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var _ = (e, t, r) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
+  for (var r in t || (t = {}))
+    R.call(t, r) && _(e, r, t[r]);
+  if (g)
+    for (var r of g(t))
+      j.call(t, r) && _(e, r, t[r]);
   return e;
 };
-import v from "vue";
-const c = {
+import A from "vue";
+function V(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function p() {
+  return p = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t, r = 1; r < arguments.length; r++) for (var s in t = arguments[r], t) Object.prototype.hasOwnProperty.call(t, s) && (e[s] = t[s]);
+    return e;
+  }, p.apply(this, arguments);
+}
+var S = ["attrs", "props", "domProps"], B = ["class", "style", "directives"], D = ["on", "nativeOn"], E = function(e) {
+  return e.reduce(function(t, r) {
+    for (var s in r) if (!t[s]) t[s] = r[s];
+    else if (S.indexOf(s) !== -1) t[s] = p({}, t[s], r[s]);
+    else if (B.indexOf(s) !== -1) {
+      var i = t[s] instanceof Array ? t[s] : [t[s]], n = r[s] instanceof Array ? r[s] : [r[s]];
+      t[s] = [].concat(i, n);
+    } else if (D.indexOf(s) !== -1)
+      for (var o in r[s]) if (t[s][o]) {
+        var l = t[s][o] instanceof Array ? t[s][o] : [t[s][o]], f = r[s][o] instanceof Array ? r[s][o] : [r[s][o]];
+        t[s][o] = [].concat(l, f);
+      } else t[s][o] = r[s][o];
+    else if (s === "hook") for (var u in r[s]) t[s][u] = t[s][u] ? I(t[s][u], r[s][u]) : r[s][u];
+    else t[s] = r[s];
+    return t;
+  }, {});
+}, I = function(e, t) {
+  return function() {
+    e && e.apply(this, arguments), t && t.apply(this, arguments);
+  };
+}, b = E;
+const k = /* @__PURE__ */ V(b), a = {
   type(e, t) {
     return Object.prototype.toString.call(e) === "[object " + t + "]";
   },
@@ -27,7 +57,7 @@ const c = {
     return e == null;
   },
   Element(e) {
-    return typeof e == "object" && e !== null && e.nodeType === 1 && !c.Object(e);
+    return typeof e == "object" && e !== null && e.nodeType === 1 && !a.Object(e);
   },
   trueArray(e) {
     return Array.isArray(e) && e.length > 0;
@@ -45,50 +75,50 @@ const c = {
   }
 };
 ["Date", "Object", "String", "Boolean", "Array", "Number"].forEach((e) => {
-  c[e] = function(t) {
-    return c.type(t, e);
+  a[e] = function(t) {
+    return a.type(t, e);
   };
 });
-function j(e, t) {
+function w(e, t) {
   return {}.hasOwnProperty.call(e, t);
 }
-function a(e, t, s) {
-  v.set(e, t, s);
+function h(e, t, r) {
+  A.set(e, t, r);
 }
-function f(e, t = {}, s) {
-  let i = !1;
-  for (let n in t)
-    if (Object.prototype.hasOwnProperty.call(t, n)) {
-      let r = t[n];
-      if ((i = Array.isArray(r)) || c.Object(r)) {
-        let l = e[n] === void 0;
-        if (i)
-          i = !1, l && a(e, n, []);
-        else if (r._clone && s !== void 0) {
-          a(e, n, r._clone());
+function m(e, t = {}, r) {
+  let s = !1;
+  for (let i in t)
+    if (Object.prototype.hasOwnProperty.call(t, i)) {
+      let n = t[i];
+      if ((s = Array.isArray(n)) || a.Object(n)) {
+        let o = e[i] === void 0;
+        if (s)
+          s = !1, o && h(e, i, []);
+        else if (n._clone && r !== void 0) {
+          h(e, i, n._clone());
           continue;
         } else
-          l && a(e, n, {});
-        e[n] = f(e[n], r, s);
+          o && h(e, i, {});
+        e[i] = m(e[i], n, r);
       } else
-        a(e, n, r), c.Undef(r) || (c.Undef(r.__json) || (e[n].__json = r.__json), c.Undef(r.__origin) || (e[n].__origin = r.__origin));
+        h(e, i, n), a.Undef(n) || (a.Undef(n.__json) || (e[i].__json = n.__json), a.Undef(n.__origin) || (e[i].__origin = n.__origin));
     }
   return e;
 }
-function y(e) {
-  return f({}, { value: e }).value;
+function v(e) {
+  return m({}, { value: e }).value;
 }
-const O = Object.assign || function(e) {
-  for (let t, s = 1; s < arguments.length; s++)
-    for (let i in t = arguments[s], t)
-      Object.prototype.hasOwnProperty.call(t, i) && a(e, i, t[i]);
+const x = Object.assign || function(e) {
+  for (let t, r = 1; r < arguments.length; r++)
+    for (let s in t = arguments[r], t)
+      Object.prototype.hasOwnProperty.call(t, s) && h(e, s, t[s]);
   return e;
 };
-function A() {
-  return O.apply(this, arguments);
+function F() {
+  return x.apply(this, arguments);
 }
-const E = "fcGroup", S = {
-  name: E,
+const P = "fcGroup", M = {
+  name: P,
   props: {
     field: String,
     rule: [Array, Object],
@@ -163,19 +193,19 @@ const E = "fcGroup", S = {
     },
     formRule: {
       handler(e, t) {
-        Object.keys(this.cacheRule).forEach((s) => {
-          const i = this.cacheRule[s];
-          if (i.$f) {
-            const n = i.$f.formData();
+        Object.keys(this.cacheRule).forEach((r) => {
+          const s = this.cacheRule[r];
+          if (s.$f) {
+            const i = s.$f.formData();
             if (e === t)
-              i.$f.deferSyncValue(() => {
-                f(i.rule, e), i.$f.setValue(n);
+              s.$f.deferSyncValue(() => {
+                m(s.rule, e), s.$f.setValue(i);
               }, !0);
             else {
-              const r = i.$f.formData();
-              i.$f.once("reloading", () => {
-                i.$f.setValue(r);
-              }), i.rule = y(e);
+              const n = s.$f.formData();
+              s.$f.once("reloading", () => {
+                s.$f.setValue(n);
+              }), s.rule = v(e);
             }
           }
         });
@@ -188,28 +218,28 @@ const E = "fcGroup", S = {
     },
     value(e, t) {
       e = e || [];
-      let s = this.sort, i = s.length, n = i - e.length;
-      if (n < 0) {
-        for (let r = n; r < 0; r++)
-          this.addRule(e.length + r);
+      let r = this.sort, s = r.length, i = s - e.length;
+      if (i < 0) {
+        for (let n = i; n < 0; n++)
+          this.addRule(e.length + n);
         this.sort = Object.keys(this.cacheRule);
-        for (let r = 0; r < i; r++)
-          this.setValue(s[r], e[r]);
+        for (let n = 0; n < s; n++)
+          this.setValue(r[n], e[n]);
       } else {
-        if (n > 0) {
-          for (let r = 0; r < n; r++)
-            this.removeRule(s[i - r - 1]);
+        if (i > 0) {
+          for (let n = 0; n < i; n++)
+            this.removeRule(r[s - n - 1]);
           this.sort = Object.keys(this.cacheRule);
         }
-        e.forEach((r, l) => {
-          this.setValue(s[l], e[l]);
+        e.forEach((n, o) => {
+          this.setValue(r[o], e[o]);
         });
       }
     }
   },
   methods: {
     _value(e) {
-      return e && j(e, this.field) ? e[this.field] : e;
+      return e && w(e, this.field) ? e[this.field] : e;
     },
     cache(e, t) {
       this.cacheValue[e] = JSON.stringify(t);
@@ -218,39 +248,50 @@ const E = "fcGroup", S = {
       this.$emit("input", e), this.$emit("change", e);
     },
     formData(e, t) {
-      const s = this.cacheRule, i = this.sort;
-      if (i.filter((r) => s[r].$f).length !== i.length)
+      const r = this.cacheRule, s = this.sort;
+      if (s.filter((n) => r[n].$f).length !== s.length)
         return;
-      const n = i.map((r) => {
-        const l = e === r ? t : h({}, this.cacheRule[r].$f.form), u = this.field ? l[this.field] || null : l;
-        return this.cache(r, u), u;
+      const i = s.map((n) => {
+        const o = e === n ? t : d({}, this.cacheRule[n].$f.form), l = this.field ? o[this.field] || null : o;
+        return this.cache(n, l), l;
       });
-      this.input(n);
+      this.input(i);
     },
     setValue(e, t) {
-      const s = this.field, i = this.cacheRule[e].$f;
-      s && (t = { [s]: this._value(t) }), this.cacheValue[e] !== JSON.stringify(s ? t[s] : t) && (this.cache(e, t), i && i.coverValue(t || {}));
+      const r = this.field, s = this.cacheRule[e].$f;
+      r && (t = {
+        [r]: this._value(t)
+      }), this.cacheValue[e] !== JSON.stringify(r ? t[r] : t) && (this.cache(e, t), s && s.coverValue(t || {}));
     },
     addRule(e, t) {
-      const s = this.formCreateInject.form.copyRules(this.formRule), i = this.options ? h({}, this.options) : {
+      const r = this.formCreateInject.form.copyRules(this.formRule), s = this.options ? d({}, this.options) : {
         submitBtn: !1,
         resetBtn: !1
       };
       if (this.defaultValue) {
-        i.formData || (i.formData = {});
-        const n = y(this.defaultValue);
-        A(i.formData, this.field ? { [this.field]: n } : n);
+        s.formData || (s.formData = {});
+        const i = v(this.defaultValue);
+        F(s.formData, this.field ? {
+          [this.field]: i
+        } : i);
       }
-      this.parse && this.parse({ rule: s, options: i, index: this.sort.length }), this.$set(this.cacheRule, ++this.len, { rule: s, options: i }), t && this.$nextTick(() => this.$emit("add", s, Object.keys(this.cacheRule).length - 1));
+      this.parse && this.parse({
+        rule: r,
+        options: s,
+        index: this.sort.length
+      }), this.$set(this.cacheRule, ++this.len, {
+        rule: r,
+        options: s
+      }), t && this.$nextTick(() => this.$emit("add", r, Object.keys(this.cacheRule).length - 1));
     },
-    add$f(e, t, s) {
-      this.cacheRule[t].$f = s, this.$nextTick(() => {
-        this.$emit("itemMounted", s, Object.keys(this.cacheRule).indexOf(t));
+    add$f(e, t, r) {
+      this.cacheRule[t].$f = r, this.$nextTick(() => {
+        this.$emit("itemMounted", r, Object.keys(this.cacheRule).indexOf(t));
       });
     },
     removeRule(e, t) {
-      const s = Object.keys(this.cacheRule).indexOf(e);
-      this.$delete(this.cacheRule, e), this.$delete(this.cacheValue, e), t && this.$nextTick(() => this.$emit("remove", s));
+      const r = Object.keys(this.cacheRule).indexOf(e);
+      this.$delete(this.cacheRule, e), this.$delete(this.cacheValue, e), t && this.$nextTick(() => this.$emit("remove", r));
     },
     add(e) {
       this.disabled || this.onBeforeAdd(this.value) === !1 || this.addRule(e, !0);
@@ -259,58 +300,64 @@ const E = "fcGroup", S = {
       if (this.disabled || this.onBeforeRemove(this.value, e) === !1)
         return;
       this.removeRule(t, !0);
-      const s = [...this.value];
-      s.splice(e, 1), this.input(s);
+      const r = [...this.value];
+      r.splice(e, 1), this.input(r);
     },
     addIcon(e) {
-      return /* @__PURE__ */ React.createElement("div", { class: "_fc-group-btn _fc-group-plus-minus", "on-click": this.add });
+      const t = this.$createElement;
+      return t("div", {
+        class: "_fc-group-btn _fc-group-plus-minus",
+        on: {
+          click: this.add
+        }
+      });
     },
     delIcon(e, t) {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          class: "_fc-group-btn _fc-group-plus-minus _fc-group-minus",
-          onClick: () => this.del(e, t)
+      const r = this.$createElement;
+      return r("div", {
+        class: "_fc-group-btn _fc-group-plus-minus _fc-group-minus",
+        on: {
+          click: () => this.del(e, t)
         }
-      );
+      });
     },
     sortUpIcon(e) {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          class: "_fc-group-btn _fc-group-arrow _fc-group-up",
-          onClick: () => this.changeSort(e, -1)
+      const t = this.$createElement;
+      return t("div", {
+        class: "_fc-group-btn _fc-group-arrow _fc-group-up",
+        on: {
+          click: () => this.changeSort(e, -1)
         }
-      );
+      });
     },
     sortDownIcon(e) {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          class: "_fc-group-btn _fc-group-arrow _fc-group-down",
-          onClick: () => this.changeSort(e, 1)
+      const t = this.$createElement;
+      return t("div", {
+        class: "_fc-group-btn _fc-group-arrow _fc-group-down",
+        on: {
+          click: () => this.changeSort(e, 1)
         }
-      );
+      });
     },
     changeSort(e, t) {
-      const s = this.sort[e];
-      this.$set(this.sort, e, this.sort[e + t]), this.sort[e + t] = s, this.formData(0);
+      const r = this.sort[e];
+      this.$set(this.sort, e, this.sort[e + t]), this.sort[e + t] = r, this.formData(0);
     },
-    makeIcon(e, t, s) {
+    makeIcon(e, t, r) {
       if (this.$scopedSlots.button)
         return this.$scopedSlots.button({
           total: e,
           index: t,
           vm: this,
-          key: s,
-          del: () => this.del(t, s),
+          key: r,
+          del: () => this.del(t, r),
           add: this.add
         });
-      const i = [];
-      return (!this.max || e < this.max) && e === t + 1 && i.push(this.addIcon(s)), e > this.min && i.push(this.delIcon(t, s)), this.sortBtn && t && i.push(this.sortUpIcon(t)), this.sortBtn && t !== e - 1 && i.push(this.sortDownIcon(t)), i;
+      const s = [];
+      return (!this.max || e < this.max) && e === t + 1 && s.push(this.addIcon(r)), e > this.min && s.push(this.delIcon(t, r)), this.sortBtn && t && s.push(this.sortUpIcon(t)), this.sortBtn && t !== e - 1 && s.push(this.sortDownIcon(t)), s;
     },
-    emitEvent(e, t, s, i) {
-      this.$emit(e, ...t, this.cacheRule[i].$f, s);
+    emitEvent(e, t, r, s) {
+      this.$emit(e, ...t, this.cacheRule[s].$f, r);
     },
     expandRule(e) {
       for (let t = 0; t < e; t++)
@@ -325,41 +372,54 @@ const E = "fcGroup", S = {
       this.addRule(t);
   },
   render() {
-    const e = this.sort, t = this.button, s = this.type, i = this.disabled, n = e.length === 0 ? this.$scopedSlots.default ? this.$scopedSlots.default({
+    const e = arguments[0], t = this.sort, r = this.button, s = this.type, i = this.disabled, n = t.length === 0 ? this.$scopedSlots.default ? this.$scopedSlots.default({
       vm: this,
       add: this.add
-    }) : /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: "a_def",
-        class: "_fc-group-plus-minus _fc-group-add",
-        "on-click": this.add
+    }) : e("div", {
+      key: "a_def",
+      class: "_fc-group-plus-minus _fc-group-add",
+      on: {
+        click: this.add
       }
-    ) : e.map((r, l) => {
-      const { rule: u, options: b } = this.cacheRule[r], d = t && !i ? this.makeIcon(e.length, l, r) : [];
-      return /* @__PURE__ */ React.createElement("div", { class: "_fc-group-container", key: r }, /* @__PURE__ */ React.createElement(
-        s,
-        {
-          key: r,
-          on: {
-            "update:value": (o) => this.formData(r, o),
-            "emit-event": (o, ...R) => this.emitEvent(o, R, l, r),
-            input: (o) => this.add$f(l, r, o)
-          },
-          props: {
-            disabled: i,
-            inFor: !0,
-            value: this.field ? { [this.field]: this._value(this.value[l]) } : this.value[l],
-            rule: u,
-            option: b,
-            extendOption: !0
-          }
+    }) : t.map((o, l) => {
+      const {
+        rule: f,
+        options: u
+      } = this.cacheRule[o], y = r && !i ? this.makeIcon(t.length, l, o) : [];
+      return e("div", {
+        class: "_fc-group-container",
+        key: o
+      }, [e(s, k([{
+        key: o
+      }, {
+        on: {
+          "update:value": (c) => this.formData(o, c),
+          "emit-event": (c, ...$) => this.emitEvent(c, $, l, o),
+          input: (c) => this.add$f(l, o, c)
+        }
+      }, {}, {
+        props: {
+          disabled: i,
+          inFor: !0,
+          value: this.field ? {
+            [this.field]: this._value(this.value[l])
+          } : this.value[l],
+          rule: f,
+          option: u,
+          extendOption: !0
         }
-      ), /* @__PURE__ */ React.createElement("div", { class: "_fc-group-idx" }, l + 1), d.length ? /* @__PURE__ */ React.createElement("div", { class: "_fc-group-handle" }, d) : null);
+      }])), e("div", {
+        class: "_fc-group-idx"
+      }, [l + 1]), y.length ? e("div", {
+        class: "_fc-group-handle"
+      }, [y]) : null]);
     });
-    return /* @__PURE__ */ React.createElement("div", { key: "con", class: "_fc-group " + (i ? "_fc-group-disabled" : "") }, n);
+    return e("div", {
+      key: "con",
+      class: "_fc-group " + (i ? "_fc-group-disabled" : "")
+    }, [n]);
   }
 };
 export {
-  S as default
+  M as default
 };

package/dist/index.js

@@ -1,10 +1,10 @@
 /*!
  * FormCreate 低代码表单渲染器
- * @form-create/component-elm-group v2.6.0
+ * @form-create/component-elm-group v2.6.1
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Site https://form-create.com/
  * Released under the MIT License.
  */
 (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode('._fc-group{display:flex;min-height:42px;justify-content:center;flex-direction:column}._fc-group-disabled ._fc-group-btn,._fc-group-disabled ._fc-group-add{cursor:not-allowed}._fc-group-handle{display:flex;flex-direction:row;position:absolute;bottom:-15px;right:30px;border-radius:15px;border:1px dashed #d9d9d9;padding:3px 8px;background-color:#fff}._fc-group-btn{cursor:pointer}._fc-group-idx{position:absolute;bottom:-15px;left:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#eee;border-radius:15px;font-weight:700}._fc-group-handle ._fc-group-btn+._fc-group-btn{margin-left:7px}._fc-group-container{position:relative;display:flex;flex-direction:column;border:1px dashed #d9d9d9;padding:20px 20px 25px;margin:5px 5px 25px;border-radius:5px}._fc-group-arrow{position:relative;width:20px;height:20px}._fc-group-arrow:before{content:"";position:absolute;top:8px;left:5px;width:9px;height:9px;border-left:2px solid #999;border-top:2px solid #999}._fc-group-arrow:before{transform:rotate(45deg)}._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group-plus-minus{width:20px;height:20px;position:relative;cursor:pointer}._fc-group-plus-minus:before,._fc-group-plus-minus:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;background-color:#409eff;transform:translate(-50%,-50%)}._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{cursor:pointer;width:25px;height:25px;border:1px solid rgb(64 158 255 / 50%);border-radius:15px}._fc-group-add._fc-group-plus-minus:before,._fc-group-add._fc-group-plus-minus:after{width:50%}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-(function(l,o){typeof exports=="object"&&typeof module!="undefined"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(l=typeof globalThis!="undefined"?globalThis:l||self,l.FcGroup=o(l.Vue))})(this,function(l){"use strict";var j=Object.defineProperty;var b=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var R=(l,o,u)=>o in l?j(l,o,{enumerable:!0,configurable:!0,writable:!0,value:u}):l[o]=u,p=(l,o)=>{for(var u in o||(o={}))O.call(o,u)&&R(l,u,o[u]);if(b)for(var u of b(o))A.call(o,u)&&R(l,u,o[u]);return l};const o={type(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"},Undef(e){return e==null},Element(e){return typeof e=="object"&&e!==null&&e.nodeType===1&&!o.Object(e)},trueArray(e){return Array.isArray(e)&&e.length>0},Function(e){const t=this.getType(e);return t==="Function"||t==="AsyncFunction"},getType(e){const t=Object.prototype.toString.call(e);return/^\[object (.*)\]$/.exec(t)[1]},empty(e){return e==null||Array.isArray(e)&&Array.isArray(e)&&!e.length?!0:typeof e=="string"&&!e}};["Date","Object","String","Boolean","Array","Number"].forEach(e=>{o[e]=function(t){return o.type(t,e)}});function u(e,t){return{}.hasOwnProperty.call(e,t)}function a(e,t,i){l.set(e,t,i)}function d(e,t={},i){let s=!1;for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)){let r=t[n];if((s=Array.isArray(r))||o.Object(r)){let c=e[n]===void 0;if(s)s=!1,c&&a(e,n,[]);else if(r._clone&&i!==void 0){a(e,n,r._clone());continue}else c&&a(e,n,{});e[n]=d(e[n],r,i)}else a(e,n,r),o.Undef(r)||(o.Undef(r.__json)||(e[n].__json=r.__json),o.Undef(r.__origin)||(e[n].__origin=r.__origin))}return e}function m(e){return d({},{value:e}).value}const g=Object.assign||function(e){for(let t,i=1;i<arguments.length;i++)for(let s in t=arguments[i],t)Object.prototype.hasOwnProperty.call(t,s)&&a(e,s,t[s]);return e};function _(){return g.apply(this,arguments)}return{name:"fcGroup",props:{field:String,rule:[Array,Object],rules:Array,expand:Number,options:Object,formCreateInject:{type:Object,required:!0},button:{type:Boolean,default:!0},max:{type:Number,default:0},min:{type:Number,default:0},value:{type:Array,default:()=>[]},sortBtn:{type:Boolean,default:!0},defaultValue:Object,disabled:{type:Boolean,default:!1},syncDisabled:{type:Boolean,default:!0},onBeforeRemove:{type:Function,default:()=>{}},onBeforeAdd:{type:Function,default:()=>{}},parse:Function},data(){return{len:0,cacheRule:{},cacheValue:{},sort:[],type:void 0}},computed:{formRule(){return this.rules?this.rules:this.rule?Array.isArray(this.rule)?this.rule:[this.rule]:[]}},watch:{cacheRule:{handler(e){this.sort=Object.keys(e)},immediate:!0},formRule:{handler(e,t){Object.keys(this.cacheRule).forEach(i=>{const s=this.cacheRule[i];if(s.$f){const n=s.$f.formData();if(e===t)s.$f.deferSyncValue(()=>{d(s.rule,e),s.$f.setValue(n)},!0);else{const r=s.$f.formData();s.$f.once("reloading",()=>{s.$f.setValue(r)}),s.rule=m(e)}}})},deep:!0},expand(e){let t=e-this.value.length;t>0&&this.expandRule(t)},value(e,t){e=e||[];let i=this.sort,s=i.length,n=s-e.length;if(n<0){for(let r=n;r<0;r++)this.addRule(e.length+r);this.sort=Object.keys(this.cacheRule);for(let r=0;r<s;r++)this.setValue(i[r],e[r])}else{if(n>0){for(let r=0;r<n;r++)this.removeRule(i[s-r-1]);this.sort=Object.keys(this.cacheRule)}e.forEach((r,c)=>{this.setValue(i[c],e[c])})}}},methods:{_value(e){return e&&u(e,this.field)?e[this.field]:e},cache(e,t){this.cacheValue[e]=JSON.stringify(t)},input(e){this.$emit("input",e),this.$emit("change",e)},formData(e,t){const i=this.cacheRule,s=this.sort;if(s.filter(r=>i[r].$f).length!==s.length)return;const n=s.map(r=>{const c=e===r?t:p({},this.cacheRule[r].$f.form),f=this.field?c[this.field]||null:c;return this.cache(r,f),f});this.input(n)},setValue(e,t){const i=this.field,s=this.cacheRule[e].$f;i&&(t={[i]:this._value(t)}),this.cacheValue[e]!==JSON.stringify(i?t[i]:t)&&(this.cache(e,t),s&&s.coverValue(t||{}))},addRule(e,t){const i=this.formCreateInject.form.copyRules(this.formRule),s=this.options?p({},this.options):{submitBtn:!1,resetBtn:!1};if(this.defaultValue){s.formData||(s.formData={});const n=m(this.defaultValue);_(s.formData,this.field?{[this.field]:n}:n)}this.parse&&this.parse({rule:i,options:s,index:this.sort.length}),this.$set(this.cacheRule,++this.len,{rule:i,options:s}),t&&this.$nextTick(()=>this.$emit("add",i,Object.keys(this.cacheRule).length-1))},add$f(e,t,i){this.cacheRule[t].$f=i,this.$nextTick(()=>{this.$emit("itemMounted",i,Object.keys(this.cacheRule).indexOf(t))})},removeRule(e,t){const i=Object.keys(this.cacheRule).indexOf(e);this.$delete(this.cacheRule,e),this.$delete(this.cacheValue,e),t&&this.$nextTick(()=>this.$emit("remove",i))},add(e){this.disabled||this.onBeforeAdd(this.value)===!1||this.addRule(e,!0)},del(e,t){if(this.disabled||this.onBeforeRemove(this.value,e)===!1)return;this.removeRule(t,!0);const i=[...this.value];i.splice(e,1),this.input(i)},addIcon(e){return React.createElement("div",{class:"_fc-group-btn _fc-group-plus-minus","on-click":this.add})},delIcon(e,t){return React.createElement("div",{class:"_fc-group-btn _fc-group-plus-minus _fc-group-minus",onClick:()=>this.del(e,t)})},sortUpIcon(e){return React.createElement("div",{class:"_fc-group-btn _fc-group-arrow _fc-group-up",onClick:()=>this.changeSort(e,-1)})},sortDownIcon(e){return React.createElement("div",{class:"_fc-group-btn _fc-group-arrow _fc-group-down",onClick:()=>this.changeSort(e,1)})},changeSort(e,t){const i=this.sort[e];this.$set(this.sort,e,this.sort[e+t]),this.sort[e+t]=i,this.formData(0)},makeIcon(e,t,i){if(this.$scopedSlots.button)return this.$scopedSlots.button({total:e,index:t,vm:this,key:i,del:()=>this.del(t,i),add:this.add});const s=[];return(!this.max||e<this.max)&&e===t+1&&s.push(this.addIcon(i)),e>this.min&&s.push(this.delIcon(t,i)),this.sortBtn&&t&&s.push(this.sortUpIcon(t)),this.sortBtn&&t!==e-1&&s.push(this.sortDownIcon(t)),s},emitEvent(e,t,i,s){this.$emit(e,...t,this.cacheRule[s].$f,i)},expandRule(e){for(let t=0;t<e;t++)this.value.push(this.field?null:{})}},created(){this.type=this.formCreateInject.form.$form();const e=(this.expand||0)-this.value.length;e>0&&this.expandRule(e);for(let t=0;t<this.value.length;t++)this.addRule(t)},render(){const e=this.sort,t=this.button,i=this.type,s=this.disabled,n=e.length===0?this.$scopedSlots.default?this.$scopedSlots.default({vm:this,add:this.add}):React.createElement("div",{key:"a_def",class:"_fc-group-plus-minus _fc-group-add","on-click":this.add}):e.map((r,c)=>{const{rule:f,options:$}=this.cacheRule[r],y=t&&!s?this.makeIcon(e.length,c,r):[];return React.createElement("div",{class:"_fc-group-container",key:r},React.createElement(i,{key:r,on:{"update:value":h=>this.formData(r,h),"emit-event":(h,...v)=>this.emitEvent(h,v,c,r),input:h=>this.add$f(c,r,h)},props:{disabled:s,inFor:!0,value:this.field?{[this.field]:this._value(this.value[c])}:this.value[c],rule:f,option:$,extendOption:!0}}),React.createElement("div",{class:"_fc-group-idx"},c+1),y.length?React.createElement("div",{class:"_fc-group-handle"},y):null)});return React.createElement("div",{key:"con",class:"_fc-group "+(s?"_fc-group-disabled":"")},n)}}});
+(function(l,u){typeof exports=="object"&&typeof module!="undefined"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(l=typeof globalThis!="undefined"?globalThis:l||self,l.FcGroup=u(l.Vue))})(this,function(l){"use strict";var w=Object.defineProperty;var $=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var O=(l,u,c)=>u in l?w(l,u,{enumerable:!0,configurable:!0,writable:!0,value:c}):l[u]=c,g=(l,u)=>{for(var c in u||(u={}))x.call(u,c)&&O(l,c,u[c]);if($)for(var c of $(u))F.call(u,c)&&O(l,c,u[c]);return l};function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t,r=1;r<arguments.length;r++)for(var s in t=arguments[r],t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},c.apply(this,arguments)}var j=["attrs","props","domProps"],R=["class","style","directives"],A=["on","nativeOn"],V=function(e){return e.reduce(function(t,r){for(var s in r)if(!t[s])t[s]=r[s];else if(j.indexOf(s)!==-1)t[s]=c({},t[s],r[s]);else if(R.indexOf(s)!==-1){var i=t[s]instanceof Array?t[s]:[t[s]],n=r[s]instanceof Array?r[s]:[r[s]];t[s]=[].concat(i,n)}else if(A.indexOf(s)!==-1)for(var o in r[s])if(t[s][o]){var a=t[s][o]instanceof Array?t[s][o]:[t[s][o]],y=r[s][o]instanceof Array?r[s][o]:[r[s][o]];t[s][o]=[].concat(a,y)}else t[s][o]=r[s][o];else if(s==="hook")for(var f in r[s])t[s][f]=t[s][f]?S(t[s][f],r[s][f]):r[s][f];else t[s]=r[s];return t},{})},S=function(e,t){return function(){e&&e.apply(this,arguments),t&&t.apply(this,arguments)}},B=V;const E=u(B),h={type(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"},Undef(e){return e==null},Element(e){return typeof e=="object"&&e!==null&&e.nodeType===1&&!h.Object(e)},trueArray(e){return Array.isArray(e)&&e.length>0},Function(e){const t=this.getType(e);return t==="Function"||t==="AsyncFunction"},getType(e){const t=Object.prototype.toString.call(e);return/^\[object (.*)\]$/.exec(t)[1]},empty(e){return e==null||Array.isArray(e)&&Array.isArray(e)&&!e.length?!0:typeof e=="string"&&!e}};["Date","Object","String","Boolean","Array","Number"].forEach(e=>{h[e]=function(t){return h.type(t,e)}});function D(e,t){return{}.hasOwnProperty.call(e,t)}function d(e,t,r){l.set(e,t,r)}function m(e,t={},r){let s=!1;for(let i in t)if(Object.prototype.hasOwnProperty.call(t,i)){let n=t[i];if((s=Array.isArray(n))||h.Object(n)){let o=e[i]===void 0;if(s)s=!1,o&&d(e,i,[]);else if(n._clone&&r!==void 0){d(e,i,n._clone());continue}else o&&d(e,i,{});e[i]=m(e[i],n,r)}else d(e,i,n),h.Undef(n)||(h.Undef(n.__json)||(e[i].__json=n.__json),h.Undef(n.__origin)||(e[i].__origin=n.__origin))}return e}function v(e){return m({},{value:e}).value}const I=Object.assign||function(e){for(let t,r=1;r<arguments.length;r++)for(let s in t=arguments[r],t)Object.prototype.hasOwnProperty.call(t,s)&&d(e,s,t[s]);return e};function b(){return I.apply(this,arguments)}return{name:"fcGroup",props:{field:String,rule:[Array,Object],rules:Array,expand:Number,options:Object,formCreateInject:{type:Object,required:!0},button:{type:Boolean,default:!0},max:{type:Number,default:0},min:{type:Number,default:0},value:{type:Array,default:()=>[]},sortBtn:{type:Boolean,default:!0},defaultValue:Object,disabled:{type:Boolean,default:!1},syncDisabled:{type:Boolean,default:!0},onBeforeRemove:{type:Function,default:()=>{}},onBeforeAdd:{type:Function,default:()=>{}},parse:Function},data(){return{len:0,cacheRule:{},cacheValue:{},sort:[],type:void 0}},computed:{formRule(){return this.rules?this.rules:this.rule?Array.isArray(this.rule)?this.rule:[this.rule]:[]}},watch:{cacheRule:{handler(e){this.sort=Object.keys(e)},immediate:!0},formRule:{handler(e,t){Object.keys(this.cacheRule).forEach(r=>{const s=this.cacheRule[r];if(s.$f){const i=s.$f.formData();if(e===t)s.$f.deferSyncValue(()=>{m(s.rule,e),s.$f.setValue(i)},!0);else{const n=s.$f.formData();s.$f.once("reloading",()=>{s.$f.setValue(n)}),s.rule=v(e)}}})},deep:!0},expand(e){let t=e-this.value.length;t>0&&this.expandRule(t)},value(e,t){e=e||[];let r=this.sort,s=r.length,i=s-e.length;if(i<0){for(let n=i;n<0;n++)this.addRule(e.length+n);this.sort=Object.keys(this.cacheRule);for(let n=0;n<s;n++)this.setValue(r[n],e[n])}else{if(i>0){for(let n=0;n<i;n++)this.removeRule(r[s-n-1]);this.sort=Object.keys(this.cacheRule)}e.forEach((n,o)=>{this.setValue(r[o],e[o])})}}},methods:{_value(e){return e&&D(e,this.field)?e[this.field]:e},cache(e,t){this.cacheValue[e]=JSON.stringify(t)},input(e){this.$emit("input",e),this.$emit("change",e)},formData(e,t){const r=this.cacheRule,s=this.sort;if(s.filter(n=>r[n].$f).length!==s.length)return;const i=s.map(n=>{const o=e===n?t:g({},this.cacheRule[n].$f.form),a=this.field?o[this.field]||null:o;return this.cache(n,a),a});this.input(i)},setValue(e,t){const r=this.field,s=this.cacheRule[e].$f;r&&(t={[r]:this._value(t)}),this.cacheValue[e]!==JSON.stringify(r?t[r]:t)&&(this.cache(e,t),s&&s.coverValue(t||{}))},addRule(e,t){const r=this.formCreateInject.form.copyRules(this.formRule),s=this.options?g({},this.options):{submitBtn:!1,resetBtn:!1};if(this.defaultValue){s.formData||(s.formData={});const i=v(this.defaultValue);b(s.formData,this.field?{[this.field]:i}:i)}this.parse&&this.parse({rule:r,options:s,index:this.sort.length}),this.$set(this.cacheRule,++this.len,{rule:r,options:s}),t&&this.$nextTick(()=>this.$emit("add",r,Object.keys(this.cacheRule).length-1))},add$f(e,t,r){this.cacheRule[t].$f=r,this.$nextTick(()=>{this.$emit("itemMounted",r,Object.keys(this.cacheRule).indexOf(t))})},removeRule(e,t){const r=Object.keys(this.cacheRule).indexOf(e);this.$delete(this.cacheRule,e),this.$delete(this.cacheValue,e),t&&this.$nextTick(()=>this.$emit("remove",r))},add(e){this.disabled||this.onBeforeAdd(this.value)===!1||this.addRule(e,!0)},del(e,t){if(this.disabled||this.onBeforeRemove(this.value,e)===!1)return;this.removeRule(t,!0);const r=[...this.value];r.splice(e,1),this.input(r)},addIcon(e){const t=this.$createElement;return t("div",{class:"_fc-group-btn _fc-group-plus-minus",on:{click:this.add}})},delIcon(e,t){const r=this.$createElement;return r("div",{class:"_fc-group-btn _fc-group-plus-minus _fc-group-minus",on:{click:()=>this.del(e,t)}})},sortUpIcon(e){const t=this.$createElement;return t("div",{class:"_fc-group-btn _fc-group-arrow _fc-group-up",on:{click:()=>this.changeSort(e,-1)}})},sortDownIcon(e){const t=this.$createElement;return t("div",{class:"_fc-group-btn _fc-group-arrow _fc-group-down",on:{click:()=>this.changeSort(e,1)}})},changeSort(e,t){const r=this.sort[e];this.$set(this.sort,e,this.sort[e+t]),this.sort[e+t]=r,this.formData(0)},makeIcon(e,t,r){if(this.$scopedSlots.button)return this.$scopedSlots.button({total:e,index:t,vm:this,key:r,del:()=>this.del(t,r),add:this.add});const s=[];return(!this.max||e<this.max)&&e===t+1&&s.push(this.addIcon(r)),e>this.min&&s.push(this.delIcon(t,r)),this.sortBtn&&t&&s.push(this.sortUpIcon(t)),this.sortBtn&&t!==e-1&&s.push(this.sortDownIcon(t)),s},emitEvent(e,t,r,s){this.$emit(e,...t,this.cacheRule[s].$f,r)},expandRule(e){for(let t=0;t<e;t++)this.value.push(this.field?null:{})}},created(){this.type=this.formCreateInject.form.$form();const e=(this.expand||0)-this.value.length;e>0&&this.expandRule(e);for(let t=0;t<this.value.length;t++)this.addRule(t)},render(){const e=arguments[0],t=this.sort,r=this.button,s=this.type,i=this.disabled,n=t.length===0?this.$scopedSlots.default?this.$scopedSlots.default({vm:this,add:this.add}):e("div",{key:"a_def",class:"_fc-group-plus-minus _fc-group-add",on:{click:this.add}}):t.map((o,a)=>{const{rule:y,options:f}=this.cacheRule[o],_=r&&!i?this.makeIcon(t.length,a,o):[];return e("div",{class:"_fc-group-container",key:o},[e(s,E([{key:o},{on:{"update:value":p=>this.formData(o,p),"emit-event":(p,...k)=>this.emitEvent(p,k,a,o),input:p=>this.add$f(a,o,p)}},{},{props:{disabled:i,inFor:!0,value:this.field?{[this.field]:this._value(this.value[a])}:this.value[a],rule:y,option:f,extendOption:!0}}])),e("div",{class:"_fc-group-idx"},[a+1]),_.length?e("div",{class:"_fc-group-handle"},[_]):null])});return e("div",{key:"con",class:"_fc-group "+(i?"_fc-group-disabled":"")},[n])}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-create/component-elm-group",
-  "version": "2.6.0-alpha.0",
+  "version": "2.6.1",
   "description": "@form-create/element-ui 内置组件",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
@@ -33,7 +33,7 @@
   "author": "xaboy",
   "license": "MIT",
   "dependencies": {
-    "@form-create/utils": "^2.5.36"
+    "@form-create/utils": "^2.6.1"
   },
   "bugs": {
     "url": "https://github.com/xaboy/form-create/issues"
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5001b4e39b68fd306c5de5e9a1c76f5f6353acc6"
+  "gitHead": "0069b160282dff03631002a769d4d2cc1b28a2be"
 }