@form-create/component-antdv-group 2.5.17 → 3.0.0-alpha.4

package/dist/index.esm.js

@@ -0,0 +1,493 @@
+/*!
+ * @form-create/component-antdv-group v3.0.0-alpha.4
+ * (c) 2018-2022 xaboy
+ * Github https://github.com/xaboy/form-create with group
+ * Released under the MIT License.
+ */
+import { defineComponent, markRaw, nextTick, createVNode, resolveComponent, isVNode } from 'vue';
+import { PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons-vue';
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var is = {
+  type: function type(arg, _type) {
+    return Object.prototype.toString.call(arg) === '[object ' + _type + ']';
+  },
+  Undef: function Undef(v) {
+    return v === undefined || v === null;
+  },
+  Element: function Element(arg) {
+    return _typeof(arg) === 'object' && arg !== null && arg.nodeType === 1 && !is.Object(arg);
+  },
+  trueArray: function trueArray(data) {
+    return Array.isArray(data) && data.length > 0;
+  }
+};
+['Date', 'Object', 'Function', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
+  is[t] = function (arg) {
+    return is.type(arg, t);
+  };
+});
+function hasProperty(rule, k) {
+  return {}.hasOwnProperty.call(rule, k);
+}
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
+var NAME = 'fcGroup';
+var Group = defineComponent({
+  name: NAME,
+  props: {
+    field: String,
+    rule: Array,
+    expand: Number,
+    options: Object,
+    button: {
+      type: Boolean,
+      "default": true
+    },
+    max: {
+      type: Number,
+      "default": 0
+    },
+    min: {
+      type: Number,
+      "default": 0
+    },
+    modelValue: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    syncDisabled: {
+      type: Boolean,
+      "default": true
+    },
+    fontSize: {
+      type: Number,
+      "default": 28
+    },
+    onBeforeRemove: {
+      type: Function,
+      "default": function _default() {}
+    },
+    onBeforeAdd: {
+      type: Function,
+      "default": function _default() {}
+    }
+  },
+  inject: ['formCreateInject'],
+  data: function data() {
+    return {
+      len: 0,
+      cacheRule: {},
+      cacheValue: {},
+      form: markRaw(this.formCreateInject.form.$form())
+    };
+  },
+  emits: ['update:modelValue', 'change', 'itemMounted', 'remove'],
+  watch: {
+    disabled: function disabled(n) {
+      if (this.syncDisabled) {
+        var lst = this.cacheRule;
+        Object.keys(lst).forEach(function (k) {
+          lst[k].$f.disabled(n);
+        });
+      }
+    },
+    expand: function expand(n) {
+      var d = n - this.modelValue.length;
+
+      if (d > 0) {
+        this.expandRule(d);
+      }
+    },
+    modelValue: {
+      handler: function handler(n) {
+        var _this = this;
+
+        n = n || [];
+        var keys = Object.keys(this.cacheRule),
+            total = keys.length,
+            len = total - n.length;
+
+        if (len < 0) {
+          for (var i = len; i < 0; i++) {
+            this.addRule(n.length + i);
+          }
+
+          for (var _i = 0; _i < total; _i++) {
+            this.setValue(keys[_i], n[_i]);
+          }
+        } else {
+          if (len > 0) {
+            for (var _i2 = 0; _i2 < len; _i2++) {
+              this.removeRule(keys[total - _i2 - 1]);
+            }
+
+            this.subForm();
+          }
+
+          n.forEach(function (val, i) {
+            _this.setValue(keys[i], n[i]);
+          });
+        }
+      },
+      deep: true,
+      flush: 'post'
+    }
+  },
+  methods: {
+    _value: function _value(v) {
+      return v && hasProperty(v, this.field) ? v[this.field] : v;
+    },
+    cache: function cache(k, val) {
+      this.cacheValue[k] = JSON.stringify(val);
+    },
+    input: function input(value) {
+      this.$emit('update:modelValue', value);
+      this.$emit('change', value);
+    },
+    formData: function formData(key, _formData) {
+      var _this2 = this;
+
+      var cacheRule = this.cacheRule;
+      var keys = Object.keys(cacheRule);
+
+      if (keys.filter(function (k) {
+        return cacheRule[k].$f;
+      }).length !== keys.length) {
+        return;
+      }
+
+      var value = keys.map(function (k) {
+        var data = key === k ? _formData : _objectSpread2({}, _this2.cacheRule[k].$f.form);
+        var value = _this2.field ? data[_this2.field] || null : data;
+
+        _this2.cache(k, value);
+
+        return value;
+      });
+      this.input(value);
+    },
+    setValue: function setValue(key, value) {
+      var field = this.field;
+
+      if (field) {
+        value = _defineProperty({}, field, this._value(value));
+      }
+
+      if (this.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {
+        return;
+      }
+
+      this.cache(key, value);
+    },
+    addRule: function addRule(i, emit) {
+      var _this3 = this;
+
+      var rule = this.formCreateInject.form.copyRules(this.rule || []);
+      var options = this.options ? _objectSpread2({}, this.options) : {
+        submitBtn: false,
+        resetBtn: false
+      };
+      this.cacheRule[++this.len] = {
+        rule: rule,
+        options: options
+      };
+
+      if (emit) {
+        nextTick(function () {
+          return _this3.$emit('add', rule, Object.keys(_this3.cacheRule).length - 1);
+        });
+      }
+    },
+    add$f: function add$f(i, key, $f) {
+      var _this4 = this;
+
+      this.cacheRule[key].$f = $f;
+      this.subForm();
+      nextTick(function () {
+        if (_this4.syncDisabled) {
+          $f.disabled(_this4.disabled);
+        }
+
+        _this4.$emit('itemMounted', $f, Object.keys(_this4.cacheRule).indexOf(key));
+      });
+    },
+    subForm: function subForm() {
+      var _this5 = this;
+
+      this.formCreateInject.subForm(Object.keys(this.cacheRule).map(function (k) {
+        return _this5.cacheRule[k].$f;
+      }));
+    },
+    removeRule: function removeRule(key, emit) {
+      var _this6 = this;
+
+      var index = Object.keys(this.cacheRule).indexOf(key);
+      delete this.cacheRule[key];
+      delete this.cacheValue[key];
+
+      if (emit) {
+        nextTick(function () {
+          return _this6.$emit('remove', index);
+        });
+      }
+    },
+    add: function add() {
+      if (this.disabled || false === this.onBeforeAdd(this.modelValue)) {
+        return;
+      }
+
+      this.modelValue.push(this.field ? null : {});
+      this.$emit('update:modelValue', this.modelValue);
+    },
+    del: function del(index, key) {
+      if (this.disabled || false === this.onBeforeRemove(this.modelValue, index)) {
+        return;
+      }
+
+      this.removeRule(key, true);
+      this.subForm();
+      this.modelValue.splice(index, 1);
+      this.input(this.modelValue);
+    },
+    addIcon: function addIcon(key) {
+      return createVNode(PlusCircleOutlined, {
+        "key": "a".concat(key),
+        "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer', ";"),
+        "onClick": this.add
+      }, null);
+    },
+    delIcon: function delIcon(index, key) {
+      var _this7 = this;
+
+      return createVNode(MinusCircleOutlined, {
+        "key": "d".concat(key),
+        "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer;color:#606266', ";"),
+        "onClick": function onClick() {
+          return _this7.del(index, key);
+        }
+      }, null);
+    },
+    makeIcon: function makeIcon(total, index, key) {
+      var _this8 = this;
+
+      if (this.$slots.button) {
+        return this.$slots.button({
+          total: total,
+          index: index,
+          vm: this,
+          key: key,
+          del: function del() {
+            return _this8.del(index, key);
+          },
+          add: this.add
+        });
+      }
+
+      if (index === 0) {
+        return [this.max !== 0 && total >= this.max ? null : this.addIcon(key), this.min === 0 || total > this.min ? this.delIcon(index, key) : null];
+      }
+
+      if (index >= this.min) {
+        return this.delIcon(index, key);
+      }
+    },
+    emitEvent: function emitEvent(name, args, index, key) {
+      this.$emit.apply(this, [name].concat(_toConsumableArray(args), [this.cacheRule[key].$f, index]));
+    },
+    expandRule: function expandRule(n) {
+      for (var i = 0; i < n; i++) {
+        this.modelValue.push(this.field ? null : {});
+      }
+    }
+  },
+  created: function created() {
+    var d = (this.expand || 0) - this.modelValue.length;
+
+    for (var i = 0; i < this.modelValue.length; i++) {
+      this.addRule(i);
+    }
+
+    if (d > 0) {
+      this.expandRule(d);
+    }
+  },
+  render: function render() {
+    var _this9 = this;
+
+    var keys = Object.keys(this.cacheRule);
+    var button = this.button;
+    var Type = this.form;
+    return keys.length === 0 ? this.$slots["default"] ? this.$slots["default"]({
+      vm: this,
+      add: this.add
+    }) : createVNode(PlusCircleOutlined, {
+      "key": 'a_def',
+      "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", {
+      "key": 'con'
+    }, [keys.map(function (key, index) {
+      var _slot;
+
+      var _this9$cacheRule$key = _this9.cacheRule[key],
+          rule = _this9$cacheRule$key.rule,
+          options = _this9$cacheRule$key.options;
+      return createVNode(resolveComponent("aRow"), {
+        "align": "middle",
+        "type": "flex",
+        "key": key,
+        "style": "border-bottom:1px dashed #DCDFE6;margin-bottom:10px;"
+      }, {
+        "default": function _default() {
+          return [createVNode(resolveComponent("aCol"), {
+            "span": button ? 20 : 24
+          }, {
+            "default": function _default() {
+              return [createVNode(Type, {
+                "key": key,
+                "onUpdate:modelValue": function onUpdateModelValue(formData) {
+                  return _this9.formData(key, formData);
+                },
+                "modelValue": _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.modelValue[index])) : _this9.modelValue[index],
+                "onEmit-event": function onEmitEvent(name) {
+                  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                    args[_key - 1] = arguments[_key];
+                  }
+
+                  return _this9.emitEvent(name, args, index, key);
+                },
+                "onUpdate:api": function onUpdateApi($f) {
+                  return _this9.add$f(index, key, $f);
+                },
+                "rule": rule,
+                "option": options,
+                "extendOption": true
+              }, null)];
+            }
+          }), button ? createVNode(resolveComponent("aCol"), {
+            "span": 2,
+            "pull": 1,
+            "push": 1
+          }, _isSlot(_slot = _this9.makeIcon(keys.length, index, key)) ? _slot : {
+            "default": function _default() {
+              return [_slot];
+            }
+          }) : null];
+        }
+      });
+    })]);
+  }
+});
+
+export { Group as default };

package/dist/index.esm.min.js

@@ -0,0 +1,7 @@
+/*!
+ * @form-create/component-antdv-group v3.0.0-alpha.4
+ * (c) 2018-2022 xaboy
+ * Github https://github.com/xaboy/form-create with group
+ * Released under the MIT License.
+ */
+import{defineComponent as e,markRaw as t,nextTick as n,createVNode as o,resolveComponent as r,isVNode as i}from"vue";import{PlusCircleOutlined as l,MinusCircleOutlined as u}from"@ant-design/icons-vue";function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var m={type:function(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"},Undef:function(e){return null==e},Element:function(e){return"object"===s(e)&&null!==e&&1===e.nodeType&&!m.Object(e)},trueArray:function(e){return Array.isArray(e)&&e.length>0}};["Date","Object","Function","String","Boolean","Array","Number"].forEach((function(e){m[e]=function(t){return m.type(t,e)}}));var p=e({name:"fcGroup",props:{field:String,rule:Array,expand:Number,options:Object,button:{type:Boolean,default:!0},max:{type:Number,default:0},min:{type:Number,default:0},modelValue:{type:Array,default:function(){return[]}},disabled:{type:Boolean,default:!1},syncDisabled:{type:Boolean,default:!0},fontSize:{type:Number,default:28},onBeforeRemove:{type:Function,default:function(){}},onBeforeAdd:{type:Function,default:function(){}}},inject:["formCreateInject"],data:function(){return{len:0,cacheRule:{},cacheValue:{},form:t(this.formCreateInject.form.$form())}},emits:["update:modelValue","change","itemMounted","remove"],watch:{disabled:function(e){if(this.syncDisabled){var t=this.cacheRule;Object.keys(t).forEach((function(n){t[n].$f.disabled(e)}))}},expand:function(e){var t=e-this.modelValue.length;t>0&&this.expandRule(t)},modelValue:{handler:function(e){var t=this;e=e||[];var n=Object.keys(this.cacheRule),o=n.length,r=o-e.length;if(r<0){for(var i=r;i<0;i++)this.addRule(e.length+i);for(var l=0;l<o;l++)this.setValue(n[l],e[l])}else{if(r>0){for(var u=0;u<r;u++)this.removeRule(n[o-u-1]);this.subForm()}e.forEach((function(o,r){t.setValue(n[r],e[r])}))}},deep:!0,flush:"post"}},methods:{_value:function(e){return e&&(t=e,n=this.field,{}.hasOwnProperty.call(t,n))?e[this.field]:e;var t,n},cache:function(e,t){this.cacheValue[e]=JSON.stringify(t)},input:function(e){this.$emit("update:modelValue",e),this.$emit("change",e)},formData:function(e,t){var n=this,o=this.cacheRule,r=Object.keys(o);if(r.filter((function(e){return o[e].$f})).length===r.length){var i=r.map((function(o){var r=e===o?t:c({},n.cacheRule[o].$f.form),i=n.field?r[n.field]||null:r;return n.cache(o,i),i}));this.input(i)}},setValue:function(e,t){var n=this.field;n&&(t=f({},n,this._value(t))),this.cacheValue[e]!==JSON.stringify(n?t[n]:t)&&this.cache(e,t)},addRule:function(e,t){var o=this,r=this.formCreateInject.form.copyRules(this.rule||[]),i=this.options?c({},this.options):{submitBtn:!1,resetBtn:!1};this.cacheRule[++this.len]={rule:r,options:i},t&&n((function(){return o.$emit("add",r,Object.keys(o.cacheRule).length-1)}))},add$f:function(e,t,o){var r=this;this.cacheRule[t].$f=o,this.subForm(),n((function(){r.syncDisabled&&o.disabled(r.disabled),r.$emit("itemMounted",o,Object.keys(r.cacheRule).indexOf(t))}))},subForm:function(){var e=this;this.formCreateInject.subForm(Object.keys(this.cacheRule).map((function(t){return e.cacheRule[t].$f})))},removeRule:function(e,t){var o=this,r=Object.keys(this.cacheRule).indexOf(e);delete this.cacheRule[e],delete this.cacheValue[e],t&&n((function(){return o.$emit("remove",r)}))},add:function(){this.disabled||!1===this.onBeforeAdd(this.modelValue)||(this.modelValue.push(this.field?null:{}),this.$emit("update:modelValue",this.modelValue))},del:function(e,t){this.disabled||!1===this.onBeforeRemove(this.modelValue,e)||(this.removeRule(t,!0),this.subForm(),this.modelValue.splice(e,1),this.input(this.modelValue))},addIcon:function(e){return o(l,{key:"a".concat(e),style:"font-size:".concat(this.fontSize,"px;cursor:").concat(this.disabled?"not-allowed;color:#c9cdd4":"pointer",";"),onClick:this.add},null)},delIcon:function(e,t){var n=this;return o(u,{key:"d".concat(t),style:"font-size:".concat(this.fontSize,"px;cursor:").concat(this.disabled?"not-allowed;color:#c9cdd4":"pointer;color:#606266",";"),onClick:function(){return n.del(e,t)}},null)},makeIcon:function(e,t,n){var o=this;return this.$slots.button?this.$slots.button({total:e,index:t,vm:this,key:n,del:function(){return o.del(t,n)},add:this.add}):0===t?[0!==this.max&&e>=this.max?null:this.addIcon(n),0===this.min||e>this.min?this.delIcon(t,n):null]:t>=this.min?this.delIcon(t,n):void 0},emitEvent:function(e,t,n,o){this.$emit.apply(this,[e].concat(d(t),[this.cacheRule[o].$f,n]))},expandRule:function(e){for(var t=0;t<e;t++)this.modelValue.push(this.field?null:{})}},created:function(){for(var e=(this.expand||0)-this.modelValue.length,t=0;t<this.modelValue.length;t++)this.addRule(t);e>0&&this.expandRule(e)},render:function(){var e=this,t=Object.keys(this.cacheRule),n=this.button,u=this.form;return 0===t.length?this.$slots.default?this.$slots.default({vm:this,add:this.add}):o(l,{key:"a_def",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):o("div",{key:"con"},[t.map((function(l,a){var c,s=e.cacheRule[l],d=s.rule,h=s.options;return o(r("aRow"),{align:"middle",type:"flex",key:l,style:"border-bottom:1px dashed #DCDFE6;margin-bottom:10px;"},{default:function(){return[o(r("aCol"),{span:n?20:24},{default:function(){return[o(u,{key:l,"onUpdate:modelValue":function(t){return e.formData(l,t)},modelValue:e.field?f({},e.field,e._value(e.modelValue[a])):e.modelValue[a],"onEmit-event":function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return e.emitEvent(t,o,a,l)},"onUpdate:api":function(t){return e.add$f(a,l,t)},rule:d,option:h,extendOption:!0},null)]}}),n?o(r("aCol"),{span:2,pull:1,push:1},(s=c=e.makeIcon(t.length,a,l),"function"==typeof s||"[object Object]"===Object.prototype.toString.call(s)&&!i(s)?c:{default:function(){return[c]}})):null];var s}})}))])}});export{p as default};