@tongfun/tf-widget 0.1.49 → 0.1.50

package/README.md

@@ -311,8 +311,10 @@ export default {
  - **height** 列表的高度，支持vh 和px，其中px作为单位的时候可以省略
  - **calculations** 列表行字段之间的计算关联 数学表达式
  - **before-add-row：function(row)** 添加数据行（点击单据体新增按钮）之前执行
- - **after-add-row(row)** 添加数据行之后执行
- - **disable-checked** 不显示单据体复选框
+ - **after-add-row:function(row)** 添加数据行之后执行
+ - **disable-checked:boolean** 不显示单据体复选框
+ - **disable-sum:boolean** 关闭底部合计行
+ - **rules:Array** 单据体校验规则，格式和el-form的校验规则保持一致
 
 #### methods 
   - **getFormateData(filter)** : 输出格式化之后的数据 <br>
@@ -320,6 +322,7 @@ export default {
   默认的过滤行为是：一行中所有的字段的值，都是false等价的值，那么将不会输出
   - **calculate(row)** 针对某一行，重新进行列之间的数学表达式计算
   - **calculateRow(rows)** 批量进行计算
+  - **validate** 对整个单据体进行校验，在调用后端接口保存数据之前进行调用，校验通过返回true，失败返回false，并会自动提示错误信息
 
 ### **2.3 FormBodyItem** 组件
 
@@ -329,6 +332,7 @@ export default {
     - **field:string** 数据模型的字段
     - **width:string** 列的默认宽度 
     - **readOnly:boolean** 不可编辑列
+    - **sum** 当前列需要进行合计，开启这个功能的列，必须是数值类型 type= 'integer/decimal'
   - 控件属性 （主要是tiput 属性的再封装）
     - **type:string**  编辑状态下的输入控件类型，具体参考tinput<br>
           强烈不建议在单据体中使用text文本域

package/lib/tf-widget.common.js

@@ -86276,9 +86276,9 @@ module.exports = function (C, x) {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("53ca");
-/* harmony import */ var D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2909");
-/* harmony import */ var D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("1da1");
+/* harmony import */ var _Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("53ca");
+/* harmony import */ var _Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2909");
+/* harmony import */ var _Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("1da1");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("d3b7");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("e6cf");
@@ -86386,7 +86386,7 @@ module.exports = function (C, x) {
     initTable: function initTable() {
       var _this = this;
 
-      return Object(D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      return Object(_Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -86433,7 +86433,7 @@ module.exports = function (C, x) {
     /** 数组内容响应式替换 */
     setArrProxyData: function setArrProxyData(originData, newData) {
       originData.length = 0;
-      originData.push.apply(originData, Object(D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(newData));
+      originData.push.apply(originData, Object(_Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(newData));
     },
 
     /** 清空主表选中行 */
@@ -86445,7 +86445,7 @@ module.exports = function (C, x) {
     getTableData: function getTableData() {
       var _this3 = this;
 
-      return Object(D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      return Object(_Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
         var data, res;
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
@@ -86527,7 +86527,7 @@ module.exports = function (C, x) {
     getCurrentTabTable: function getCurrentTabTable() {
       var _this4 = this;
 
-      return Object(D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      return Object(_Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
         var row, findIndex, data, res;
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
@@ -86637,7 +86637,7 @@ module.exports = function (C, x) {
             if (diyFormData[key]) {
               diyParams.push({
                 id: id,
-                value: Object(D_workspace_library_ui_tf_widget_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(diyFormData[key]) === 'object' ? diyFormData[key].id : diyFormData[key]
+                value: Object(_Users_t_bug_Desktop_code_tongfun_tf_widget_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(diyFormData[key]) === 'object' ? diyFormData[key].id : diyFormData[key]
               });
             }
           };
@@ -119790,12 +119790,12 @@ tf_icon_picker.install = function (Vue) {
 };
 
 /* harmony default export */ var package_tf_icon_picker = (tf_icon_picker);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body/index.vue?vue&type=template&id=7a6bbedc&scoped=true&
-var form_bodyvue_type_template_id_7a6bbedc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"form-body"},[_c('div',{staticClass:"form-body-control"},[(!_vm.disableButtons.includes('add'))?_c('el-button',{attrs:{"size":"mini","type":"text"},on:{"click":_vm.addRow}},[_vm._v("新增行")]):_vm._e(),(!_vm.disableButtons.includes('del'))?_c('el-button',{attrs:{"size":"mini","type":"text"},on:{"click":_vm.delRow}},[_vm._v("删除行")]):_vm._e(),_vm._t("buttons",null,{"currentRow":_vm.currentRow})],2),_c('ux-grid',{ref:"tableRef",attrs:{"data":_vm.data,"height":_vm.tableHeight,"highlight-current-row":false,"edit-config":{ trigger: 'click', mode: 'cell', autoClear: false},"show-summary":"","width-resize":true},on:{"row-click":_vm.handleRowClick,"selection-change":function($event){_vm.selectedRows = $event}}},[_c('ux-table-column',{attrs:{"visible":!_vm.disableChecked,"type":"checkbox","width":"50","fixed":"left"}}),_vm._t("default")],2)],1)}
-var form_bodyvue_type_template_id_7a6bbedc_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body/index.vue?vue&type=template&id=17f87888&scoped=true&
+var form_bodyvue_type_template_id_17f87888_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"form-body"},[_c('div',{staticClass:"form-body-control"},[(!_vm.disableButtons.includes('add'))?_c('el-button',{attrs:{"size":"mini","type":"text"},on:{"click":_vm.addRow}},[_vm._v("新增行")]):_vm._e(),(!_vm.disableButtons.includes('del'))?_c('el-button',{attrs:{"size":"mini","type":"text"},on:{"click":_vm.delRow}},[_vm._v("删除行")]):_vm._e(),_vm._t("buttons",null,{"currentRow":_vm.currentRow})],2),_c('ux-grid',{ref:"tableRef",attrs:{"data":_vm.data,"height":_vm.tableHeight,"highlight-current-row":false,"edit-config":{ trigger: 'click', mode: 'cell', autoClear: false},"valid-config":{autoPos:true},"rules":_vm.rules,"show-summary":!_vm.disalbeSum,"summary-method":_vm.summary,"width-resize":true},on:{"row-click":_vm.handleRowClick,"selection-change":function($event){_vm.selectedRows = $event}}},[_c('ux-table-column',{attrs:{"visible":!_vm.disableChecked,"type":"checkbox","width":"50","fixed":"left"}}),_vm._t("default")],2)],1)}
+var form_bodyvue_type_template_id_17f87888_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/form-body/index.vue?vue&type=template&id=7a6bbedc&scoped=true&
+// CONCATENATED MODULE: ./package/form-body/index.vue?vue&type=template&id=17f87888&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.ends-with.js
 var es_string_ends_with = __webpack_require__("8a79");
@@ -179035,6 +179035,13 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
 
 
 
+
+
+
+
+//
+//
+//
 //
 //
 //
@@ -179085,6 +179092,25 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
       default: false
     },
 
+    /**
+     * 就单据体而言，一般来说合计都是开启的
+     * 所以命名为关闭合计行
+     */
+    disalbeSum: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * 表单校验规则
+     */
+    rules: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+
     /**
      * 计算公式表达式,配置
      * 通过mounted生命周期中对该数据进行一次性使用，忽略该数据的变化(vue2,没有readonly）
@@ -179136,21 +179162,56 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
       selectedRows: [],
       // 数据模型
       dataModel: {},
+      // 参与合计的列的字段
+      summaryFields: [],
       // 当前选择的行
       currentRow: null,
-      // 参与计算的字段，不是所有的行都会参加的计算当中，当不需要参加计算的行发生了变化，可以忽略，节省性能
-      // calculateFields: [],
-
-      /**
-       * 基础资料相关的配置的缓存
-       * 但是因为emmm,当初的设计没有想到这个缓解吧，下个版本见吧
-       */
-      columnConfigCache: null,
+      // 当设置为vh表格高度的时候，通过计算得到一个接近vh的值（百分比）
       bodyHeight: 0,
       tableHeightObserver: null
     };
   },
   computed: {
+    /**
+     * 格式：
+     * {field:value}
+     * 案例：
+     * {amount:344,quantity:44}
+     *
+     */
+    sum: function sum() {
+      var _this = this;
+
+      var result = {};
+
+      if (!this.summaryFields.length) {
+        return result;
+      }
+
+      var _iterator = _createForOfIteratorHelper(this.summaryFields),
+          _step;
+
+      try {
+        var _loop = function _loop() {
+          var field = _step.value;
+          result[field] = _this.data.map(function (row) {
+            return row[field];
+          }).reduce(function (pre, curr) {
+            return pre + curr;
+          }, 0);
+        };
+
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      return result;
+    },
     calculateFields: function calculateFields() {
       // 计算公式相关逻辑的初始化
       // 获取提供的参数计算的字段，并校验提供的字段是否在列表中
@@ -179176,10 +179237,10 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
     this.initAddtionalProperty();
   },
   mounted: function mounted() {
-    var _this = this;
+    var _this2 = this;
 
     this.$nextTick(function () {
-      _this.validateFieldExist();
+      _this2.validateFieldExist();
     }); // 给的属性是vh的情况下，监听整个页面的高度（边界），并在 变化后！！ 进行表格高度计算
     // 可能是响应式的原因，重绘很频繁，这个导致这个api触发的次数比预期多
     // todo: 当页面被销毁后，这个监听是否仍然存在于系统中，百度，如果存在，则在destroy周期中进行销毁
@@ -179189,31 +179250,110 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
     }
 
     this.tableHeightObserver = new ResizeObserver(function (entryList) {
-      _this.bodyHeight = entryList[0].contentRect.height;
+      _this2.bodyHeight = entryList[0].contentRect.height;
     });
     this.tableHeightObserver.observe(document.body);
   },
   methods: {
+    /**
+     * 单据体合计
+     */
+    summary: function summary(_ref) {
+      var _this3 = this;
+
+      var columns = _ref.columns;
+      var sumArray = ['合计'];
+
+      var _loop2 = function _loop2(key) {
+        var index = columns.findIndex(function (item) {
+          return item.property === key;
+        });
+        sumArray[index] = _this3.sum[key];
+      };
+
+      for (var key in this.sum) {
+        _loop2(key);
+      }
+
+      return [sumArray];
+    },
+    updateFooter: function updateFooter() {
+      this.$refs.tableRef.updateFooter();
+    },
+
+    /**
+     * 数据模版
+     */
     // 将额外添加的属性，加入到数据模版中
     initAddtionalProperty: function initAddtionalProperty() {
-      var _this2 = this;
+      var _this4 = this;
 
       this.modelAdditionalProperties.forEach(function (item) {
         if (item.type) {
-          _this2.appendModelProperty(item.field, item.type);
+          _this4.appendModelProperty(item.field, item.type);
         } else {
-          _this2.dataModel[item.field] = item.default;
+          _this4.dataModel[item.field] = item.default;
         }
       });
     },
+    // 通过formbodyitem配置添加数据模版的属性，此方法默认调用方是formbodyitem实例
+    appendModelProperty: function appendModelProperty(field, type) {
+      this.dataModel[field] = getEmptyDataByType(type);
+    },
+    // 从数据模版获取一个新的实例
+    getNewRecordFromModel: function getNewRecordFromModel() {
+      return JSON.parse(JSON.stringify(this.dataModel));
+    },
 
     /**
-     * 给数据模版添加一个属性，
-     * 将来添加行的时候，根据这个模版生生新的行数据对象
-     * 此方法的默认调用方，是formBodyitem
+     * 单据体（列表）操作
      */
-    appendModelProperty: function appendModelProperty(field, type) {
-      this.dataModel[field] = getEmptyDataByType(type);
+    // 数据校验 validate():boolean ,返回true代表校验通过
+    validate: function validate() {
+      var _this5 = this;
+
+      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var data, errStr;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this5.$refs.tableRef.fullValidate();
+
+              case 2:
+                data = _context.sent;
+
+                if (data) {
+                  _context.next = 5;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 5:
+                Object.values(data).forEach(function (errList) {
+                  errList.forEach(function (params) {
+                    var rowIndex = params.rowIndex,
+                        column = params.column,
+                        rules = params.rules;
+                    rules.forEach(function (rule) {
+                      errStr += "\u7B2C ".concat(rowIndex, " \u884C ").concat(column.title, " \u6821\u9A8C\u9519\u8BEF\uFF1A").concat(rule.message, "; ; ;");
+                    });
+                  });
+                });
+
+                _this5.$notify.error(errStr);
+
+                return _context.abrupt("return", false);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
     },
     handleRowClick: function handleRowClick(row) {
       this.currentRow = row;
@@ -179223,18 +179363,15 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
         selected: true
       }]);
     },
-    getNewRecordFromModel: function getNewRecordFromModel() {
-      return JSON.parse(JSON.stringify(this.dataModel));
-    },
     addRow: function addRow() {
-      var _this3 = this;
+      var _this6 = this;
 
       var done = function done() {
-        var newRow = _this3.getNewRecordFromModel();
+        var newRow = _this6.getNewRecordFromModel();
 
-        _this3.data.push(newRow);
+        _this6.data.push(newRow);
 
-        _this3.afterAddRow && _this3.afterAddRow(newRow);
+        _this6.afterAddRow && _this6.afterAddRow(newRow);
       };
 
       this.beforeAddRow ? this.beforeAddRow(done) : done();
@@ -179253,41 +179390,45 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
     getFormatData: function getFormatData(filter) {
       return util_getFormatData(this.data, filter);
     },
+
+    /**
+     *  单据体列之间的计算
+     */
     validateFieldExist: function validateFieldExist() {
       var keys = Object.keys(this.dataModel);
 
-      var _iterator = _createForOfIteratorHelper(this.calculateFields),
-          _step;
+      var _iterator2 = _createForOfIteratorHelper(this.calculateFields),
+          _step2;
 
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var field = _step.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var field = _step2.value;
 
           if (!keys.includes(field)) {
             throw new Error("\u53C2\u4E0E\u8BA1\u7B97\u7684\u5B57\u6BB5 ".concat(field, "\uFF0C\u4E0D\u662F\u5217\u8868\u4E2D\u7684\u5217"));
           }
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
     },
     // 该方法的存在主要是针对哪些批量填充的功能，造成的，涉及的到计算的字段发生了变化,但是没有触发该字段input事件的场景
     // 此时可以将收到的影响的行的数组传入，每行都进行一次数据计算
     calculateRows: function calculateRows(rows) {
-      var _iterator2 = _createForOfIteratorHelper(rows),
-          _step2;
+      var _iterator3 = _createForOfIteratorHelper(rows),
+          _step3;
 
       try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var row = _step2.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var row = _step3.value;
           this.calculate(row);
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator2.f();
+        _iterator3.f();
       }
     },
     // 对一行 进行字段之间的数学运算
@@ -179313,11 +179454,11 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
 
 var form_body_component = Object(componentNormalizer["a" /* default */])(
   package_form_bodyvue_type_script_lang_js_,
-  form_bodyvue_type_template_id_7a6bbedc_scoped_true_render,
-  form_bodyvue_type_template_id_7a6bbedc_scoped_true_staticRenderFns,
+  form_bodyvue_type_template_id_17f87888_scoped_true_render,
+  form_bodyvue_type_template_id_17f87888_scoped_true_staticRenderFns,
   false,
   null,
-  "7a6bbedc",
+  "17f87888",
   null
   
 )
@@ -179332,33 +179473,17 @@ form_body.install = function (Vue) {
 };
 
 /* harmony default export */ var package_form_body = (form_body);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item.vue?vue&type=template&id=87df11cc&scoped=true&
-var form_body_itemvue_type_template_id_87df11cc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"body-form-item"},[(!_vm.readOnly)?_c('ux-table-column',{attrs:{"field":_vm.field,"title":_vm.title,"edit-render":{autofocus:'.el-input__inner'},"resizable":"","width":_vm.width},scopedSlots:_vm._u([{key:"edit",fn:function(ref){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item.vue?vue&type=template&id=69ab2dfd&scoped=true&
+var form_body_itemvue_type_template_id_69ab2dfd_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"body-form-item"},[(!_vm.readOnly)?_c('ux-table-column',{attrs:{"field":_vm.field,"title":_vm.title,"edit-render":{autofocus:'.el-input__inner'},"resizable":"","width":_vm.width},scopedSlots:_vm._u([{key:"edit",fn:function(ref){
 var row = ref.row;
-return [_c('Tinput',{attrs:{"entity":"","type":_vm.type,"placeholder":_vm.placeholder,"disabled":_vm.disabled,"target":_vm.target,"limitation":_vm.getLimitation(row),"enum-type":_vm.enumType,"percision":_vm.percision,"rows":_vm.rows,"disable-field-generate":"","before-input":_vm.beforeInput,"notFormBasicAppendBody":_vm.notFormBasicAppendBody},on:{"selected":function($event){return _vm.handleBasicSelected(row,$event)},"change":function($event){return _vm.$emit('change',{row:row,value:$event})},"input":function($event){return _vm.handleCalculate(row,$event)},"basicConfigLoad":function($event){_vm.basicIdentityConfig = $event}},model:{value:(row[_vm.field]),callback:function ($$v) {_vm.$set(row, _vm.field, $$v)},expression:"row[field]"}})]}},{key:"default",fn:function(ref){
+return [_c('Tinput',{attrs:{"entity":"","type":_vm.type,"placeholder":_vm.placeholder,"disabled":_vm.disabled,"target":_vm.target,"limitation":_vm.getLimitation(row),"enum-type":_vm.enumType,"percision":_vm.percision,"rows":_vm.rows,"disable-field-generate":"","before-input":_vm.beforeInput,"notFormBasicAppendBody":_vm.notFormBasicAppendBody},on:{"selected":function($event){return _vm.handleBasicSelected(row,$event)},"change":function($event){return _vm.$emit('change',{row:row,value:$event})},"input":function($event){return _vm.handleInput(row,$event)},"basicConfigLoad":function($event){_vm.basicIdentityConfig = $event}},model:{value:(row[_vm.field]),callback:function ($$v) {_vm.$set(row, _vm.field, $$v)},expression:"row[field]"}})]}},{key:"default",fn:function(ref){
 var row = ref.row;
-return [_c('span',[_vm._v(_vm._s(_vm.showMessage(row[_vm.field])))])]}}],null,false,4225733896)}):_c('ux-table-column',{attrs:{"title":_vm.title,"field":_vm.field,"resizable":"","width":_vm.width}})],1)}
-var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
+return [_c('span',[_vm._v(_vm._s(_vm.showMessage(row[_vm.field])))])]}}],null,false,842025978)}):_c('ux-table-column',{attrs:{"title":_vm.title,"field":_vm.field,"resizable":"","width":_vm.width}})],1)}
+var form_body_itemvue_type_template_id_69ab2dfd_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item.vue?vue&type=template&id=87df11cc&scoped=true&
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item.vue?vue&type=template&id=69ab2dfd&scoped=true&
 
-// CONCATENATED MODULE: ./package/form-body-item/src/mixin.js
-/* harmony default export */ var mixin = ({
-  props: {
-    /**
-     * 表格列属性
-     */
-    title: {
-      type: String,
-      default: ''
-    },
-    width: {
-      type: String,
-      default: '140px'
-    }
-  }
-});
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item.vue?vue&type=script&lang=js&
 
 
@@ -179428,14 +179553,23 @@ var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
 //
 //
 
-
 /* harmony default export */ var form_body_itemvue_type_script_lang_js_ = ({
   name: 'FormBodyItem',
   components: {
     Tinput: t_input
   },
-  mixins: [mixin],
   props: {
+    /**
+     * 表格列属性
+     */
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '140px'
+    },
     field: {
       type: String,
       default: ''
@@ -179444,6 +179578,10 @@ var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
       type: Boolean,
       default: false
     },
+    sum: {
+      type: Boolean,
+      default: false
+    },
 
     /**
      * t-input 通用属性
@@ -179529,6 +179667,10 @@ var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
     }
 
     this.FormBody.appendModelProperty(this.field, this.type);
+
+    if (this.sum) {
+      this.FormBody.summaryFields.push(this.field);
+    }
   },
   inject: ['FormBody'],
   data: function data() {
@@ -179606,13 +179748,23 @@ var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
         }
       }
     },
+    handleInput: function handleInput(row, value) {
+      this.handleCalculate(row);
+      this.triggerSum();
+    },
+    triggerSum: function triggerSum() {
+      // 为了功能考虑，去除这个节省性能的设置
+      // if(this.FormBody.summaryFields.includes(this.field)){
+      //   this.FormBody.updateFooter()
+      // }
+      this.FormBody.updateFooter();
+    },
     // 触发行的数学计算
     handleCalculate: function handleCalculate(row) {
       // 判断当前字段是否是 涉及到计算的字段
       if (!this.FormBody.calculateFields.includes(this.field)) {
         return;
-      } // this.FormBody.calculate(row, this.field)
-
+      }
 
       this.FormBody.calculate(row);
     }
@@ -179630,11 +179782,11 @@ var form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns = []
 
 var form_body_item_component = Object(componentNormalizer["a" /* default */])(
   src_form_body_itemvue_type_script_lang_js_,
-  form_body_itemvue_type_template_id_87df11cc_scoped_true_render,
-  form_body_itemvue_type_template_id_87df11cc_scoped_true_staticRenderFns,
+  form_body_itemvue_type_template_id_69ab2dfd_scoped_true_render,
+  form_body_itemvue_type_template_id_69ab2dfd_scoped_true_staticRenderFns,
   false,
   null,
-  "87df11cc",
+  "69ab2dfd",
   null
   
 )
@@ -180640,14 +180792,14 @@ var tf_condition_input = __webpack_require__("b673");
 // EXTERNAL MODULE: ./package/tf-basic-table-list/index.js + 10 modules
 var tf_basic_table_list = __webpack_require__("a637");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item-custom.vue?vue&type=template&id=345b5b22&
-var form_body_item_customvue_type_template_id_345b5b22_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ux-table-column',{attrs:{"title":_vm.title,"resizable":"","width":_vm.width,"fixed":_vm.position},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"66c01d70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item-custom.vue?vue&type=template&id=5c4e7630&
+var form_body_item_customvue_type_template_id_5c4e7630_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ux-table-column',{attrs:{"title":_vm.title,"resizable":"","width":_vm.width,"fixed":_vm.position},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var row = ref.row;
 return [_vm._t("default",null,{"row":row})]}}],null,true)})}
-var form_body_item_customvue_type_template_id_345b5b22_staticRenderFns = []
+var form_body_item_customvue_type_template_id_5c4e7630_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item-custom.vue?vue&type=template&id=345b5b22&
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item-custom.vue?vue&type=template&id=5c4e7630&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/form-body-item/src/form-body-item-custom.vue?vue&type=script&lang=js&
 
@@ -180664,10 +180816,20 @@ var form_body_item_customvue_type_template_id_345b5b22_staticRenderFns = []
 //
 //
 //
-
 /* harmony default export */ var form_body_item_customvue_type_script_lang_js_ = ({
   name: 'FormBodyItemCustom',
   props: {
+    /**
+     * 表格列属性
+     */
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '140px'
+    },
     fixed: {
       type: Boolean,
       default: false
@@ -180677,8 +180839,7 @@ var form_body_item_customvue_type_template_id_345b5b22_staticRenderFns = []
     position: function position() {
       return this.fixed ? 'right' : undefined;
     }
-  },
-  mixins: [mixin]
+  }
 });
 // CONCATENATED MODULE: ./package/form-body-item/src/form-body-item-custom.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_form_body_item_customvue_type_script_lang_js_ = (form_body_item_customvue_type_script_lang_js_); 
@@ -180692,8 +180853,8 @@ var form_body_item_customvue_type_template_id_345b5b22_staticRenderFns = []
 
 var form_body_item_custom_component = Object(componentNormalizer["a" /* default */])(
   src_form_body_item_customvue_type_script_lang_js_,
-  form_body_item_customvue_type_template_id_345b5b22_render,
-  form_body_item_customvue_type_template_id_345b5b22_staticRenderFns,
+  form_body_item_customvue_type_template_id_5c4e7630_render,
+  form_body_item_customvue_type_template_id_5c4e7630_staticRenderFns,
   false,
   null,
   null,