@form-create/view-design 2.5.33 → 2.5.35

package/dist/form-create.js

@@ -1,6 +1,6 @@
 /*!
- * @form-create/view-design v2.5.33
- * (c) 2018-2023 xaboy
+ * @form-create/view-design v2.5.35
+ * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
  */
@@ -1497,6 +1497,7 @@
           for (var i = len; i < 0; i++) {
             this.addRule(n.length + i);
           }
+          this.sort = Object.keys(this.cacheRule);
           for (var _i = 0; _i < total; _i++) {
             this.setValue(keys[_i], n[_i]);
           }
@@ -1506,6 +1507,7 @@
               this.removeRule(keys[total - _i2 - 1]);
             }
           }
+          this.sort = Object.keys(this.cacheRule);
           n.forEach(function (val, i) {
             _this2.setValue(keys[i], n[i]);
           });
@@ -1925,6 +1927,7 @@
           }
         },
         extendOption: Boolean,
+        disabled: Boolean,
         value: Object,
         api: Object,
         name: String,
@@ -1973,8 +1976,8 @@
           deep: true
         },
         option: {
-          handler: function handler(n) {
-            this.formCreate.initOptions(n);
+          handler: function handler() {
+            this.formCreate.initOptions();
             this.$f.refresh();
           },
           deep: true
@@ -1986,14 +1989,14 @@
           })) return;
           this.formCreate.$handle.reloadRule(n);
           this._renderRule();
+        },
+        disabled: function disabled(n) {
+          this.$f.disabled(!!n);
         }
       },
       beforeCreate: function beforeCreate() {
         var _this2 = this;
-        var _this$$options$propsD = this.$options.propsData,
-            rule = _this$$options$propsD.rule,
-            option = _this$$options$propsD.option;
-        this.formCreate = new FormCreate(this, rule, option);
+        this.formCreate = new FormCreate(this);
         Object.keys(this.formCreate.prop).forEach(function (k) {
           extend(_this2.$options[k], _this2.formCreate.prop[k]);
         });
@@ -2366,6 +2369,12 @@
       get parent() {
         return h.vm.$pfc && h.vm.$pfc.$f;
       },
+      get top() {
+        if (api.parent) {
+          return api.parent.top;
+        }
+        return api;
+      },
       get children() {
         return allSubForm();
       },
@@ -2785,7 +2794,8 @@
 
   var id = 0;
   function uniqueId() {
-    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now()).concat(++id)).toString(36);
+    var num = 370 + ++id;
+    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now())).toString(36) + num.toString(36) + 'c';
   }
 
   function deepSet(data, idx, val) {
@@ -4763,6 +4773,19 @@
     form: function form() {
       return this.vm.$refs[this.ref];
     },
+    getSlot: function getSlot(name) {
+      var _fn = function _fn(vm) {
+        if (vm) {
+          var slot = vm.$scopedSlots[name];
+          if (slot) {
+            return slot;
+          }
+          return _fn(vm.$pfc);
+        }
+        return undefined;
+      };
+      return _fn(this.vm);
+    },
     mergeOptions: function mergeOptions(args, opt) {
       var _this2 = this;
       return mergeProps(args.map(function (v) {
@@ -5122,11 +5145,12 @@
     }
     function parser() {
       var data = nameProp.apply(void 0, arguments);
-      if (!data.id || !data.prop) return;
+      if (!data.id || !data.prop) return BaseParser;
       var name = toCase(data.id);
       var parser = data.prop;
       var base = parser.merge === true ? parsers[name] : undefined;
-      parsers[name] = _objectSpread2(_objectSpread2({}, base || BaseParser), parser);
+      parsers[name] = parser;
+      Object.setPrototypeOf(parser, base || BaseParser);
       maker[name] = creatorFactory(name);
       parser.maker && extend(maker, parser.maker);
     }
@@ -5145,6 +5169,8 @@
       }
       if (!name || !component) return;
       components[name] = component;
+      delete CreateNode.aliasMap[name];
+      delete parsers[name];
       if (component.formCreateParser) parser(name, component.formCreateParser);
     }
     function _emitData(id) {
@@ -5196,7 +5222,8 @@
       }
       return FormCreateFactory(_config);
     }
-    function FormCreate(vm, rules, options) {
+    function FormCreate(vm) {
+      var rules = vm.$options.propsData.rule;
       extend(this, {
         id: id$1++,
         vm: vm,
@@ -5215,13 +5242,13 @@
         CreateNode: CreateNode,
         bus: new _vue(),
         unwatch: null,
-        options: options || {},
+        options: {},
         extendApi: config.extendApi || function (api) {
           return api;
         }
       });
       this.init();
-      this.initOptions(this.options);
+      this.initOptions();
       if (this.name) {
         if (this.inFor) {
           if (!instance[this.name]) instance[this.name] = [];
@@ -5244,14 +5271,15 @@
             _this2.unwatch = vm.$watch(function () {
               return vm.$pfc.option;
             }, function () {
-              _this2.initOptions(_this2.options);
+              _this2.initOptions();
               vm.$f.refresh();
             }, {
               deep: true
             });
-            _this2.initOptions(_this2.options);
+            _this2.initOptions();
           }
           _this2.created();
+          vm.disabled && vm.$f.disabled(true);
         });
         vm.$on('hook:mounted', function () {
           _this2.mounted();
@@ -5281,8 +5309,9 @@
       isSub: function isSub() {
         return this.vm.$pfc && this.vm.extendOption;
       },
-      initOptions: function initOptions(options) {
-        this.options = _objectSpread2({
+      initOptions: function initOptions() {
+        this.options = {};
+        var options = _objectSpread2({
           formData: {},
           submitBtn: {},
           resetBtn: {}
@@ -5290,6 +5319,7 @@
         if (this.isSub()) {
           this.mergeOptions(this.options, this.vm.$pfc.$f.config || {}, true);
         }
+        options = this.mergeOptions(options, this.vm.$options.propsData.option);
         this.updateOptions(options);
       },
       mergeOptions: function mergeOptions(target, opt, parent) {
@@ -5687,7 +5717,7 @@
       }
     },
     tidyOptions: function tidyOptions(options) {
-      ['submitBtn', 'resetBtn', 'row', 'info', 'wrap', 'col'].forEach(function (name) {
+      ['submitBtn', 'resetBtn', 'row', 'info', 'wrap', 'col', 'title'].forEach(function (name) {
         tidyBool(options, name);
       });
       return options;
@@ -5702,7 +5732,8 @@
       ctx.prop = mergeProps([{
         info: this.options.info || {},
         wrap: this.options.wrap || {},
-        col: this.options.col || {}
+        col: this.options.col || {},
+        title: this.options.title || {}
       }, ctx.prop], {
         info: info(),
         title: {},
@@ -5776,7 +5807,7 @@
         key: "".concat(uni, "fi"),
         ref: ctx.wrapRef,
         type: 'formItem'
-      }]), [children, isTitle ? this.makeInfo(rule, uni) : null]);
+      }]), [children, isTitle ? this.makeInfo(rule, uni, ctx) : null]);
       return inline === true || isFalse(_col) || isFalse(col.show) ? item : this.makeCol(rule, uni, [item]);
     },
     isTitle: function isTitle(rule) {
@@ -5784,10 +5815,15 @@
       var title = rule.title;
       return !(!title.title && !title["native"] || isFalse(title.show));
     },
-    makeInfo: function makeInfo(rule, uni) {
+    makeInfo: function makeInfo(rule, uni, ctx) {
       var titleProp = rule.title;
       var infoProp = rule.info;
-      var children = [titleProp.title];
+      var titleSlot = this.getSlot('title');
+      var children = [titleSlot ? titleSlot({
+        title: titleProp.title || '',
+        rule: ctx.rule,
+        options: this.options
+      }) : titleProp.title];
       if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"]) && !isFalse(infoProp.icon)) {
         var prop = {
           type: infoProp.type || 'poptip',
@@ -5860,7 +5896,7 @@
       }, [item]);
     },
     makeResetBtn: function makeResetBtn() {
-      var _this2 = this;
+      var _this = this;
       var resetBtn = this.options.resetBtn;
       this.setSize(resetBtn);
       return this.$r({
@@ -5872,7 +5908,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this2.$handle.api;
+            var fApi = _this.$handle.api;
             resetBtn.click ? resetBtn.click(fApi) : fApi.resetFields();
           }
         },
@@ -5880,7 +5916,7 @@
       }, [resetBtn.innerText]);
     },
     makeSubmitBtn: function makeSubmitBtn() {
-      var _this3 = this;
+      var _this2 = this;
       var submitBtn = this.options.submitBtn;
       this.setSize(submitBtn);
       return this.$r({
@@ -5891,7 +5927,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this3.$handle.api;
+            var fApi = _this2.$handle.api;
             submitBtn.click ? submitBtn.click(fApi) : fApi.submit();
           }
         },
@@ -6174,7 +6210,7 @@
   function ivuFormCreate() {
     return FormCreateFactory({
       ui: "".concat("view-design"),
-      version: "".concat("2.5.33"),
+      version: "".concat("2.5.35"),
       manager: manager,
       install: install,
       extendApi: extendApi,