@tongfun/tf-widget 0.1.34 → 0.1.35

package/README.md

@@ -6,9 +6,14 @@
     - [tinput](#21-tinput组件)
     - [FormBody](#22-formbody单据体组件)
     - [FormBodyItem](#23-formbodyitem-组件)
+    - [FormBodyItemCustom](#24-formBodyItem组件)
 
 ## 1 版本更新记录
 
+##  🌿 0.1.35
+ - 新增formBodyItemcustom组件，用来加入插槽内容
+ - 单据体加入modelAdditionalProperties属性，用来配置不列出的属性
+ - 单据体的复选框可以隐藏
 ## 单据体若干bug 0.1.34
   - 单据体复选框永远在左侧，并可选择不显示复选框
   - 基础资料控件弹窗对外开放是否添加到body的选项
@@ -244,16 +249,18 @@ notFormBasicAppendBody: tinput基础资料控件的弹窗是否添加到body元
       <FormBodyItem title="姓名" field="name" type="input" />
       <FormBodyItem title="出生日期" field="birthDate" type="date" />
       <FormBodyItem title="审核时间" field="auditTime" type="datetime" />
-
-      <!--      // 极端的情况下，可以放弃封装，直接使用ux-table-column，获取最大的灵活性-->
-      <ux-table-column title="说明" field="example">
-        <template v-slot:edit="scope">
-          {{ scope.row.xx }}
-        </template>
-        <template v-slot="scop">
-          {{ scop.row.yy }}
+      <!--
+          对于一些需要操作列，即没有实际数据的列，常见于列的相关操作 
+          不要使用ux-table-column，会导致不能将字段添加到模版，新增行属性不全面
+          使用formBodyItemCustom
+
+          不要在这属性上添加field属性，对于custom组件来说，这是一个无效的属性
+      -->
+      <FormBodyItemCustom title="操作">
+        <template v-slot="{row}">
+          <el-button type="danger" size="mini" @click="deleteRow(row.id)">删除</el-button>
         </template>
-      </ux-table-column>
+      </FormBodyItemCustom>
 
       <!-- 插槽 -->
       <template v-slot:buttons="{currentRow}">
@@ -344,3 +351,12 @@ export default {
 
 #### methods
 
+### **2.4 FormBodyItemCustom组件**
+  该组件的源码，仅仅提供一个插槽，通过插槽来定义一些右侧的操作类型的固定列<br>
+  也可以指定field和title等字段，也会显示出来相关的数据<br>
+  但是这个组件指定列，在新增行的时候，不会给新行添加field相关的属性<br>
+  如果需要每一行都有额外的属性（不在formBodyItem中，即不需要显示出来）<br>
+  有两种方式，一个是通过affterAddRow来进行动态添加属性（不建议）<br>
+  另一种是通过modelAddtionalProperties的formbody属性来添加<br>
+
+

package/lib/tf-widget.common.js

@@ -19311,13 +19311,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "550a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "550d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -19332,6 +19325,17 @@ var core = module.exports = { version: '2.6.12' };
 if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
 
 
+/***/ }),
+
+/***/ "5566":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7d2cf9b4_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("84d6");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7d2cf9b4_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7d2cf9b4_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5692":
@@ -63366,17 +63370,6 @@ module.exports = function (input) {
 };
 
 
-/***/ }),
-
-/***/ "5fb9":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7ae04770_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("550a");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7ae04770_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_vue_vue_type_style_index_0_id_7ae04770_scoped_true_lang_less___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "605d":
@@ -70723,6 +70716,13 @@ button_group.install = function (Vue) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "84d6":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "857a":
@@ -111743,12 +111743,12 @@ var children_date_component = normalizeComponent(
 )
 
 /* harmony default export */ var children_date = (children_date_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7333b925-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/t-input/children/number.vue?vue&type=template&id=7ae04770&scoped=true&
-var numbervue_type_template_id_7ae04770_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-input-number',{ref:"number",attrs:{"disabled":_vm.disabled,"controls":false,"placeholder":_vm.placeholder,"precision":_vm.percision,"min":0,"value":_vm.value},on:{"input":_vm.handleInput}})}
-var numbervue_type_template_id_7ae04770_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7333b925-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/t-input/children/number.vue?vue&type=template&id=7d2cf9b4&scoped=true&
+var numbervue_type_template_id_7d2cf9b4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-input-number',{ref:"number",attrs:{"disabled":_vm.disabled,"controls":false,"placeholder":_vm.placeholder,"precision":_vm.percision,"min":0,"value":_vm.value},on:{"focus":_vm.handleNumberFocus,"input":_vm.handleInput}})}
+var numbervue_type_template_id_7d2cf9b4_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/t-input/children/number.vue?vue&type=template&id=7ae04770&scoped=true&
+// CONCATENATED MODULE: ./package/t-input/children/number.vue?vue&type=template&id=7d2cf9b4&scoped=true&
 
 // 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/t-input/children/number.vue?vue&type=script&lang=js&
 
@@ -111764,6 +111764,7 @@ var numbervue_type_template_id_7ae04770_scoped_true_staticRenderFns = []
 //
 //
 //
+//
 /* harmony default export */ var children_numbervue_type_script_lang_js_ = ({
   components: {},
   props: {
@@ -111793,13 +111794,16 @@ var numbervue_type_template_id_7ae04770_scoped_true_staticRenderFns = []
   methods: {
     handleInput: function handleInput(value) {
       this.$emit('input', value);
+    },
+    handleNumberFocus: function handleNumberFocus() {
+      this.$refs.number.select();
     }
   }
 });
 // CONCATENATED MODULE: ./package/t-input/children/number.vue?vue&type=script&lang=js&
  /* harmony default export */ var t_input_children_numbervue_type_script_lang_js_ = (children_numbervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./package/t-input/children/number.vue?vue&type=style&index=0&id=7ae04770&scoped=true&lang=less&
-var numbervue_type_style_index_0_id_7ae04770_scoped_true_lang_less_ = __webpack_require__("5fb9");
+// EXTERNAL MODULE: ./package/t-input/children/number.vue?vue&type=style&index=0&id=7d2cf9b4&scoped=true&lang=less&
+var numbervue_type_style_index_0_id_7d2cf9b4_scoped_true_lang_less_ = __webpack_require__("5566");
 
 // CONCATENATED MODULE: ./package/t-input/children/number.vue
 
@@ -111812,11 +111816,11 @@ var numbervue_type_style_index_0_id_7ae04770_scoped_true_lang_less_ = __webpack_
 
 var children_number_component = normalizeComponent(
   t_input_children_numbervue_type_script_lang_js_,
-  numbervue_type_template_id_7ae04770_scoped_true_render,
-  numbervue_type_template_id_7ae04770_scoped_true_staticRenderFns,
+  numbervue_type_template_id_7d2cf9b4_scoped_true_render,
+  numbervue_type_template_id_7d2cf9b4_scoped_true_staticRenderFns,
   false,
   null,
-  "7ae04770",
+  "7d2cf9b4",
   null
   
 )
@@ -114064,12 +114068,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":"7333b925-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=769c2714&scoped=true&
-var form_bodyvue_type_template_id_769c2714_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_769c2714_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7333b925-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=7cfcba81&scoped=true&
+var form_bodyvue_type_template_id_7cfcba81_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_7cfcba81_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/form-body/index.vue?vue&type=template&id=769c2714&scoped=true&
+// CONCATENATED MODULE: ./package/form-body/index.vue?vue&type=template&id=7cfcba81&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.ends-with.js
 var es_string_ends_with = __webpack_require__("8a79");
@@ -173378,13 +173382,30 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
     afterAddRow: {
       type: Function,
       default: null
+    },
+
+    /**
+     * 单据体中有个字段是不显示的字段，但是操作的时候会用到，新增行的时候，新增的行也需要有这个属性
+     * {field:'xx',type:'basic',default:{name:'默认值',id:'xx'}}
+     * 这个场景并不多见
+     * 比如，在使用插槽的时候，插槽中的复选框对row.active进行双向绑定
+     * 因为没有明确的生命到column中，所有新增行添加的行数据没有这个属性
+     * 可以添加配置，明确要求新增行自动添加该属性
+     *  当添加的属性，不再Tinput的类型当中，不使用type配置，而是使用default来明确值的类型
+     * {field:'active',default:false}
+     */
+    modelAdditionalProperties: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
     }
   },
   data: function data() {
     return {
       selectedRows: [],
       // 数据模型
-      dataModel: null,
+      dataModel: {},
       // 当前选择的行
       currentRow: null,
       // 参与计算的字段，不是所有的行都会参加的计算当中，当不需要参加计算的行发生了变化，可以忽略，节省性能
@@ -173425,19 +173446,14 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
       FormBody: this
     };
   },
+  created: function created() {
+    this.initAddtionalProperty();
+  },
   mounted: function mounted() {
     var _this = this;
 
-    // 提取开发者输入列信息，生成数据模版，方便添加行及其他操作
-    var model = {};
-    console.log(this.$slots.default, 'jj');
-    this.$slots.default.forEach(function (sub) {
-      var props = sub.componentOptions.propsData;
-      model[props.field] = getEmptyDataByType(props.type);
-    });
-    this.dataModel = model; // 计算公式相关逻辑的初始化
+    // 计算公式相关逻辑的初始化
     // 获取提供的参数计算的字段，并校验提供的字段是否在列表中
-
     var allCalculationFieldsStr = Object.values(this.calculations).join();
     this.calculateFields = getFieldsFromExpression(allCalculationFieldsStr);
     var resultKeys = Object.keys(this.calculations);
@@ -173462,6 +173478,7 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
         }
       } // 给的属性是vh的情况下，监听整个页面的高度（边界），并在 变化后！！ 进行表格高度计算
       // 可能是响应式的原因，重绘很频繁，这个导致这个api触发的次数比预期多
+      // todo: 当页面被销毁后，这个监听是否仍然存在于系统中，百度，如果存在，则在destroy周期中进行销毁
 
     } catch (err) {
       _iterator.e(err);
@@ -173479,6 +173496,22 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
     this.tableHeightObserver.observe(document.body);
   },
   methods: {
+    // 将额外添加的属性，加入到数据模版中
+    initAddtionalProperty: function initAddtionalProperty() {
+      var _this2 = this;
+
+      this.modelAdditionalProperties.forEach(function (item) {
+        if (item.type) {
+          _this2.appendModelProperty(item.field, item.type);
+        } else {
+          _this2.dataModel[item.field] = item.default;
+        }
+      });
+    },
+    // 给数据模版添加一个属性，将来添加行的时候，根绝这个模版生生新的行数据对象
+    appendModelProperty: function appendModelProperty(field, type) {
+      this.dataModel[field] = getEmptyDataByType(type);
+    },
     handleRowClick: function handleRowClick(row) {
       this.currentRow = row;
       this.$refs.tableRef.clearSelection();
@@ -173491,14 +173524,14 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
       return JSON.parse(JSON.stringify(this.dataModel));
     },
     addRow: function addRow() {
-      var _this2 = this;
+      var _this3 = this;
 
       var done = function done() {
-        var newRow = _this2.getNewRecordFromModel();
+        var newRow = _this3.getNewRecordFromModel();
 
-        _this2.data.push(newRow);
+        _this3.data.push(newRow);
 
-        _this2.afterAddRow && _this2.afterAddRow(newRow);
+        _this3.afterAddRow && _this3.afterAddRow(newRow);
       };
 
       this.beforeAddRow ? this.beforeAddRow(done) : done();
@@ -173557,11 +173590,11 @@ impureFunctionsAny_generated_Chain.createProxy(impureFunctionsAny_generated_math
 
 var form_body_component = normalizeComponent(
   package_form_bodyvue_type_script_lang_js_,
-  form_bodyvue_type_template_id_769c2714_scoped_true_render,
-  form_bodyvue_type_template_id_769c2714_scoped_true_staticRenderFns,
+  form_bodyvue_type_template_id_7cfcba81_scoped_true_render,
+  form_bodyvue_type_template_id_7cfcba81_scoped_true_staticRenderFns,
   false,
   null,
-  "769c2714",
+  "7cfcba81",
   null
   
 )
@@ -173576,18 +173609,34 @@ 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":"7333b925-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/index.vue?vue&type=template&id=78df3c9d&scoped=true&
-var form_body_itemvue_type_template_id_78df3c9d_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":"7333b925-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=5e11f44a&scoped=true&
+var form_body_itemvue_type_template_id_5e11f44a_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){
 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_78df3c9d_scoped_true_staticRenderFns = []
+var form_body_itemvue_type_template_id_5e11f44a_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./package/form-body-item/index.vue?vue&type=template&id=78df3c9d&scoped=true&
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item.vue?vue&type=template&id=5e11f44a&scoped=true&
 
-// 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/index.vue?vue&type=script&lang=js&
+// 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&
 
 
 
@@ -173649,24 +173698,25 @@ var form_body_itemvue_type_template_id_78df3c9d_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: ''
-    },
     field: {
       type: String,
       default: ''
     },
-    width: {
-      type: String,
-      default: '140px'
-    },
     readOnly: {
       type: Boolean,
       default: false
@@ -173750,6 +173800,13 @@ var form_body_itemvue_type_template_id_78df3c9d_scoped_true_staticRenderFns = []
       default: 2
     }
   },
+  mounted: function mounted() {
+    if (!this.field && !this.type) {
+      throw new Error('formBodyItem 组件需要被同时提供field和title属性');
+    }
+
+    this.FormBody.appendModelProperty(this.field, this.type);
+  },
   inject: ['FormBody'],
   data: function data() {
     return {
@@ -173838,9 +173895,9 @@ var form_body_itemvue_type_template_id_78df3c9d_scoped_true_staticRenderFns = []
     }
   }
 });
-// CONCATENATED MODULE: ./package/form-body-item/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var package_form_body_itemvue_type_script_lang_js_ = (form_body_itemvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./package/form-body-item/index.vue
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_form_body_itemvue_type_script_lang_js_ = (form_body_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item.vue
 
 
 
@@ -173849,12 +173906,12 @@ var form_body_itemvue_type_template_id_78df3c9d_scoped_true_staticRenderFns = []
 /* normalize component */
 
 var form_body_item_component = normalizeComponent(
-  package_form_body_itemvue_type_script_lang_js_,
-  form_body_itemvue_type_template_id_78df3c9d_scoped_true_render,
-  form_body_itemvue_type_template_id_78df3c9d_scoped_true_staticRenderFns,
+  src_form_body_itemvue_type_script_lang_js_,
+  form_body_itemvue_type_template_id_5e11f44a_scoped_true_render,
+  form_body_itemvue_type_template_id_5e11f44a_scoped_true_staticRenderFns,
   false,
   null,
-  "78df3c9d",
+  "5e11f44a",
   null
   
 )
@@ -173869,6 +173926,77 @@ form_body_item.install = function (Vue) {
 };
 
 /* harmony default export */ var package_form_body_item = (form_body_item);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7333b925-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=46a7ecab&
+var form_body_item_customvue_type_template_id_46a7ecab_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_46a7ecab_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item-custom.vue?vue&type=template&id=46a7ecab&
+
+// 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&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var form_body_item_customvue_type_script_lang_js_ = ({
+  name: 'FormBodyItemCustom',
+  props: {
+    fixed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    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_); 
+// CONCATENATED MODULE: ./package/form-body-item/src/form-body-item-custom.vue
+
+
+
+
+
+/* normalize component */
+
+var form_body_item_custom_component = normalizeComponent(
+  src_form_body_item_customvue_type_script_lang_js_,
+  form_body_item_customvue_type_template_id_46a7ecab_render,
+  form_body_item_customvue_type_template_id_46a7ecab_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var form_body_item_custom = (form_body_item_custom_component.exports);
+// CONCATENATED MODULE: ./package/form-body-item-custom/index.js
+
+
+
+form_body_item_custom.install = function (vue) {
+  vue.component(form_body_item_custom.name, form_body_item_custom);
+};
+
+/* harmony default export */ var package_form_body_item_custom = (form_body_item_custom);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7333b925-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/tf-button-group/index.vue?vue&type=template&id=28daa780&scoped=true&
 var tf_button_groupvue_type_template_id_28daa780_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-button-group"},[_vm._t("default")],2)}
 var tf_button_groupvue_type_template_id_28daa780_scoped_true_staticRenderFns = []
@@ -174195,7 +174323,8 @@ var tf_splitter_component = normalizeComponent(
 
 
 
-var components = [package_tf_widget, svg_icon, package_tf_layout, t_data_list, package_t_input, package_tf_icon_picker, package_form_body, package_form_body_item, tf_button_group, tf_splitter];
+
+var components = [package_tf_widget, svg_icon, package_tf_layout, t_data_list, package_t_input, package_tf_icon_picker, package_form_body, package_form_body_item, package_form_body_item_custom, tf_button_group, tf_splitter];
 
 var install = function install(Vue) {
   components.forEach(function (component) {