@form-create/element-ui 3.1.34 → 3.2.0

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.34
+ * @form-create/element-ui v3.2.0
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -213,9 +213,9 @@
     return Array.isArray(value) ? value : [null, undefined, ''].indexOf(value) > -1 ? [] : [value];
   }
 
-  var NAME$9 = 'fcCheckbox';
+  var NAME$8 = 'fcCheckbox';
   var Checkbox = vue.defineComponent({
-    name: NAME$9,
+    name: NAME$8,
     inheritAttrs: false,
     props: {
       formCreateInject: Object,
@@ -525,9 +525,9 @@
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
 
-  var NAME$8 = 'fcFrame';
+  var NAME$7 = 'fcFrame';
   var Frame = vue.defineComponent({
-    name: NAME$8,
+    name: NAME$7,
     props: {
       type: {
         type: String,
@@ -1008,9 +1008,9 @@
     }
   });
 
-  var NAME$7 = 'fcRadio';
+  var NAME$6 = 'fcRadio';
   var Radio = vue.defineComponent({
-    name: NAME$7,
+    name: NAME$6,
     inheritAttrs: false,
     props: {
       formCreateInject: Object,
@@ -1161,9 +1161,9 @@
     return {}.hasOwnProperty.call(rule, k);
   }
 
-  var NAME$6 = 'fcSelect';
+  var NAME$5 = 'fcSelect';
   var Select = vue.defineComponent({
-    name: NAME$6,
+    name: NAME$5,
     inheritAttrs: false,
     props: {
       formCreateInject: Object,
@@ -1231,9 +1231,9 @@
     }
   });
 
-  var NAME$5 = 'fcTree';
+  var NAME$4 = 'fcTree';
   var Tree = vue.defineComponent({
-    name: NAME$5,
+    name: NAME$4,
     inheritAttrs: false,
     formCreateParser: {
       mergeProp: function mergeProp(ctx) {
@@ -1333,9 +1333,9 @@
     return ('' + file).split('/').pop();
   }
 
-  var NAME$4 = 'fcUpload';
+  var NAME$3 = 'fcUpload';
   var Upload = vue.defineComponent({
-    name: NAME$4,
+    name: NAME$3,
     inheritAttrs: false,
     formCreateParser: {
       toFormValue: function toFormValue(value) {
@@ -1527,9 +1527,9 @@
   var css_248z$1 = "._fc-group{display:flex;flex-direction:column;justify-content:center;min-height:38px;width:100%}._fc-group-disabled ._fc-group-add,._fc-group-disabled ._fc-group-btn{cursor:not-allowed}._fc-group-handle{background-color:#fff;border:1px dashed #d9d9d9;border-radius:15px;bottom:-15px;display:flex;flex-direction:row;padding:3px 8px;position:absolute;right:30px}._fc-group-btn{cursor:pointer}._fc-group-idx{align-items:center;background:#eee;border-radius:15px;bottom:-15px;display:flex;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;width:30px}._fc-group-handle ._fc-group-btn+._fc-group-btn{margin-left:7px}._fc-group-container{border:1px dashed #d9d9d9;border-radius:5px;display:flex;flex-direction:column;margin:5px 5px 25px;padding:20px 20px 25px;position:relative}._fc-group-arrow{height:20px;position:relative;width:20px}._fc-group-arrow:before{border-left:2px solid #999;border-top:2px solid #999;content:\"\";height:9px;left:5px;position:absolute;top:8px;transform:rotate(45deg);width:9px}._fc-group-arrow._fc-group-down{transform:rotate(180deg)}._fc-group-plus-minus{cursor:pointer;height:20px;position:relative;width:20px}._fc-group-plus-minus:after,._fc-group-plus-minus:before{background-color:#409eff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}._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{border:1px solid rgba(64,158,255,.5);border-radius:15px;cursor:pointer;height:25px;width:25px}._fc-group-add._fc-group-plus-minus:after,._fc-group-add._fc-group-plus-minus:before{width:50%}";
   styleInject(css_248z$1);
 
-  var NAME$3 = 'fcGroup';
+  var NAME$2 = 'fcGroup';
   var Group = vue.defineComponent({
-    name: NAME$3,
+    name: NAME$2,
     props: {
       field: String,
       rule: Array,
@@ -1939,9 +1939,9 @@
     }
   });
 
-  var NAME$2 = 'fcSubForm';
+  var NAME$1 = 'fcSubForm';
   var Sub = vue.defineComponent({
-    name: NAME$2,
+    name: NAME$1,
     props: {
       rule: Array,
       options: {
@@ -2182,8 +2182,6 @@
     return _data;
   }
 
-  var NAME$1 = 'FormCreate';
-
   var getRuleInject = function getRuleInject(vm, parent) {
     if (!vm || vm === parent) {
       return;
@@ -2200,7 +2198,7 @@
 
   function $FormCreate(FormCreate, components, directives) {
     return vue.defineComponent({
-      name: NAME$1,
+      name: 'FormCreate' + (FormCreate.isMobile ? 'Mobile' : ''),
       components: components,
       directives: directives,
       props: {
@@ -5678,9 +5676,10 @@
     this.$manager = new fc.manager(this);
     this.$render = new Render(this);
     this.api = fc.extendApiFn.reduce(function (api, fn) {
-      return _objectSpread2(_objectSpread2({}, api), invoke(function () {
-        return fn(_objectSpread2({}, api), _this);
+      extend(api, invoke(function () {
+        return fn(api, _this);
       }, {}));
+      return api;
     }, Api(this));
   }
   extend(Handler.prototype, {
@@ -6205,6 +6204,7 @@
     var directives = {};
     var modelFields = {};
     var useApps = [];
+    var listener = [];
     var extendApiFn = [config.extendApi];
 
     var providers = _objectSpread2({}, $provider);
@@ -6216,6 +6216,7 @@
     var loadData = vue.reactive({});
     var CreateNode = CreateNodeFactory();
     var formulas = {};
+    var isMobile = config.isMobile === true;
     exportAttrs(config.attrs || {});
 
     function getApi(name) {
@@ -6389,6 +6390,13 @@
       _emitData(id);
     }
 
+    function on(name, callback) {
+      listener.push({
+        name: name,
+        callback: callback
+      });
+    }
+
     function FormCreate(vm) {
       var _this = this;
 
@@ -6401,6 +6409,7 @@
         providers: providers,
         modelFields: modelFields,
         formulas: formulas,
+        isMobile: isMobile,
         rules: vm.props.rule,
         name: vm.props.name || uniqueId(),
         inFor: vm.props.inFor,
@@ -6417,6 +6426,9 @@
         options: vue.ref({}),
         extendApiFn: extendApiFn
       });
+      listener.forEach(function (item) {
+        _this.bus.$on(item.name, item.callback);
+      });
       vue.nextTick(function () {
         vue.watch(_this.options, function () {
           _this.$handle.$manager.updateOptions(_this.options.value);
@@ -6440,6 +6452,7 @@
       }
     }
 
+    FormCreate.isMobile = isMobile;
     extend(FormCreate.prototype, {
       init: function init() {
         var _this2 = this;
@@ -6556,13 +6569,15 @@
         parseJson: parseJson,
         toJson: toJson,
         useApp: useApp,
-        getApi: getApi
+        getApi: getApi,
+        on: on
       });
     }
 
     function useStatic(formCreate) {
       extend(formCreate, {
         create: create,
+        isMobile: isMobile,
         install: function install(app, options) {
           globalConfig = _objectSpread2(_objectSpread2({}, globalConfig), options || {});
           if (app._installedFormCreate === true) return;
@@ -6575,7 +6590,8 @@
 
           useAttr($formCreate);
           app.config.globalProperties.$formCreate = $formCreate;
-          app.component('FormCreate', $form());
+          var $component = $form();
+          app.component($component.name, $component);
           useApps.forEach(function (v) {
             invoke(function () {
               return v(formCreate, app);
@@ -7118,6 +7134,7 @@
       return this.$r({
         type: 'button',
         props: resetBtn,
+        "class": '_fc-reset-btn',
         style: {
           width: resetBtn.width
         },
@@ -7143,6 +7160,7 @@
       return this.$r({
         type: 'button',
         props: submitBtn,
+        "class": '_fc-submit-btn',
         style: {
           width: submitBtn.width
         },
@@ -7239,7 +7257,7 @@
     return maker;
   }
 
-  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .fc-clock{display:none!important}.form-create.is-preview .el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before,.form-create.is-preview .el-form-item.is-required>.el-form-item__label:before{content:\"\"!important}";
+  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before,.form-create.is-preview .el-form-item.is-required>.el-form-item__label:before,.form-create.is-preview .fc-clock{display:none!important}";
   styleInject(css_248z);
 
   function tidyBtnProp(btn, def) {
@@ -7492,7 +7510,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.34',
+      version: '3.2.0',
       manager: manager,
       extendApi: extendApi,
       install: install,