@tongfun/tf-widget 0.1.164 → 0.1.166

package/lib/tf-widget.umd.js

@@ -133381,6 +133381,865 @@ src.install = function (Vue) {
 
 /***/ }),
 
+/***/ 3189:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ tf_ag_grid; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=template&id=a38dbbb8&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-common-table-container"},[_c('ag-grid-vue',_vm._b({directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"},{name:"agGridSetting",rawName:"v-agGridSetting",value:(_vm.entityTableName),expression:"entityTableName"}],ref:_vm.tableRef,staticClass:"ag-theme-alpine",staticStyle:{"width":"100%","height":"100%"},attrs:{"context":_vm.context,"column-defs":_vm.columns},on:{"grid-ready":_vm.onGridReady,"cell-clicked":_vm.cellClick,"body-scroll":_vm.bodyScroll,"row-drag-end":_vm.rowDragEnd,"row-clicked":_vm.rowClicked,"row-selected":_vm.rowSelected,"drag-stopped":_vm.dragStopped,"column-moved":_vm.columnMoved,"column-resized":_vm.columnResized,"cell-double-clicked":_vm.cellDBLClick,"selection-changed":_vm.selectionChange}},'ag-grid-vue',_vm.customAttrs,false))],1)}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/decimal.js/decimal.mjs
+var decimal = __webpack_require__(90482);
+// EXTERNAL MODULE: ./node_modules/ag-grid-vue/main.js
+var main = __webpack_require__(61146);
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=template&id=385b6903&scoped=true&
+var tf_filtervue_type_template_id_385b6903_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"column-header-directive",on:{"click":function($event){return _vm.onSortRequested($event)}}},[_c('span',[_vm._v(_vm._s(_vm.params.displayName))]),(_vm.order)?_c('span',[_c('i',{class:[_vm.order === 'asc' ? 'el-icon-top' : 'el-icon-bottom']})]):_vm._e(),_c('div',{class:{'filter-main': _vm.isClick || _vm.isFilter }},[_c('el-popover',{attrs:{"width":"200","trigger":"manual","placement":"bottom"},model:{value:(_vm.isClick),callback:function ($$v) {_vm.isClick=$$v},expression:"isClick"}},[(_vm.isClick)?_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickOut),expression:"handleClickOut"}],staticClass:"filter-main-context"},[_c('TfInput',{attrs:{"full-border":"","not-form":"","placeholder":"输入需要过滤的值"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleSubmit.apply(null, arguments)}},model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:"text"}}),_c('div',{staticClass:"option-buttons"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleCancel}},[_vm._v("重置")]),_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleSubmit}},[_vm._v("确定")])],1)],1):_vm._e(),_c('SvgIcon',{staticClass:"filter-icon",attrs:{"slot":"reference","icon-class":"filter"},on:{"click":function($event){$event.stopPropagation();return _vm.handleFilterClick.apply(null, arguments)}},slot:"reference"})],1)],1)])}
+var tf_filtervue_type_template_id_385b6903_scoped_true_staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./package/tf-input/index.js + 94 modules
+var tf_input = __webpack_require__(37827);
+// EXTERNAL MODULE: ./node_modules/element-ui/src/utils/clickoutside.js + 1 modules
+var clickoutside = __webpack_require__(96410);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var tf_filtervue_type_script_lang_js_ = ({
+  components: {
+    TfInput: tf_input/* default */.Z
+  },
+  directives: {
+    Clickoutside: clickoutside/* default */.Z
+  },
+  props: {
+    configData: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      text: '',
+      order: '',
+      isClick: false
+    };
+  },
+  computed: {
+    isFilter() {
+      return this.text !== null && this.text !== undefined && this.text !== '';
+    }
+  },
+  methods: {
+    /** 排序 */
+    onSortRequested(event) {
+      switch (this.order) {
+        case 'asc':
+          this.order = 'desc';
+          break;
+        case 'desc':
+          this.order = '';
+          break;
+        default:
+          this.order = 'asc';
+          break;
+      }
+      this.params.setSort(this.order, event.shiftKey);
+    },
+    /** 单击外侧事件 */
+    handleClickOut(e) {
+      this.isClick = false;
+    },
+    /** 图标点击事件 */
+    handleFilterClick() {
+      this.isClick = !this.isClick;
+    },
+    /** 重置 */
+    handleCancel() {
+      this.text = '';
+      this.handleSubmit();
+    },
+    /** 确认 */
+    handleSubmit() {
+      this.isClick = false;
+      this.params.context.componentParent.handleUpdateFilter({
+        value: this.text,
+        params: this.params
+      });
+      // 过滤后根据当前列的排序方式进行排序
+      this.params.setSort(this.order, false);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_filtervue_type_script_lang_js_ = (tf_filtervue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=style&index=0&id=385b6903&prod&lang=less&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=style&index=0&id=385b6903&prod&lang=less&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  components_tf_filtervue_type_script_lang_js_,
+  tf_filtervue_type_template_id_385b6903_scoped_true_render,
+  tf_filtervue_type_template_id_385b6903_scoped_true_staticRenderFns,
+  false,
+  null,
+  "385b6903",
+  null
+  
+)
+
+/* harmony default export */ var tf_filter = (component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=template&id=605b3b64&scoped=true&
+var tf_cell_textvue_type_template_id_605b3b64_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.closeRightMenu),expression:"closeRightMenu"}],staticClass:"tf-cell-text",on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_c('span',{on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_vm._v(_vm._s(_vm.displayValue))]),_c('RightMenu',{attrs:{"top":_vm.rightMenuTop,"left":_vm.rightMenuLeft,"show-menu":_vm.showRightMenu},on:{"update:showMenu":function($event){_vm.showRightMenu=$event},"update:show-menu":function($event){_vm.showRightMenu=$event},"rightMenuClick":_vm.dropdownCommand}})],1)}
+var tf_cell_textvue_type_template_id_605b3b64_scoped_true_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=template&id=479f04e0&scoped=true&
+var right_menuvue_type_template_id_479f04e0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMenu),expression:"showMenu"}],staticClass:"right-menu",style:({ top: _vm.top + 'px', left: _vm.left + 'px' })},[_c('p',{on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.rightMenuClick('copy')}}},[_vm._v(" 复制 "),_c('i',{staticClass:"el-icon-document-copy"})])])}
+var right_menuvue_type_template_id_479f04e0_scoped_true_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var right_menuvue_type_script_lang_js_ = ({
+  props: {
+    top: {
+      type: Number,
+      default: 0
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    showMenu: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    rightMenuClick(params) {
+      this.$emit('rightMenuClick', params);
+      this.closeRightMenu();
+    },
+    closeRightMenu() {
+      this.$emit('update:showMenu', false);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tf_cell_text_right_menuvue_type_script_lang_js_ = (right_menuvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=style&index=0&id=479f04e0&prod&lang=less&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=style&index=0&id=479f04e0&prod&lang=less&scoped=true&
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var right_menu_component = (0,componentNormalizer/* default */.Z)(
+  tf_cell_text_right_menuvue_type_script_lang_js_,
+  right_menuvue_type_template_id_479f04e0_scoped_true_render,
+  right_menuvue_type_template_id_479f04e0_scoped_true_staticRenderFns,
+  false,
+  null,
+  "479f04e0",
+  null
+  
+)
+
+/* harmony default export */ var right_menu = (right_menu_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var tf_cell_textvue_type_script_lang_js_ = ({
+  components: {
+    RightMenu: right_menu
+  },
+  directives: {
+    Clickoutside: clickoutside/* default */.Z
+  },
+  data() {
+    return {
+      displayValue: '',
+      rightMenuLeft: 0,
+      rightMenuTop: 0,
+      showRightMenu: false
+    };
+  },
+  beforeMount() {
+    // params: 当前操作单元格对象
+    this.setInitialState(this.params);
+  },
+  methods: {
+    setInitialState(params) {
+      this.displayValue = params.value;
+    },
+    /** 右键点击 */
+    rightClick($event) {
+      this.rightMenuTop = $event.offsetY;
+      // TODO: 这里的17是agcell的paddingLeft的值，若有样式调整，这里也要调整
+      this.rightMenuLeft = $event.offsetX + 17;
+      this.showRightMenu = true;
+    },
+    closeRightMenu() {
+      this.showRightMenu = false;
+    },
+    dropdownCommand(command) {
+      if (command === 'copy') {
+        const input = document.createElement('input');
+        input.value = this.displayValue;
+        input.setAttribute('id', 'temp-input-id');
+        document.body.appendChild(input);
+        input.select();
+        document.execCommand('copy');
+        document.querySelector('#temp-input-id').remove();
+      }
+    }
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_cell_textvue_type_script_lang_js_ = (tf_cell_textvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var tf_cell_text_component = (0,componentNormalizer/* default */.Z)(
+  components_tf_cell_textvue_type_script_lang_js_,
+  tf_cell_textvue_type_template_id_605b3b64_scoped_true_render,
+  tf_cell_textvue_type_template_id_605b3b64_scoped_true_staticRenderFns,
+  false,
+  null,
+  "605b3b64",
+  null
+  
+)
+
+/* harmony default export */ var tf_cell_text = (tf_cell_text_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-input-cell-render/index.vue?vue&type=template&id=3f0d8a7c&
+var tf_input_cell_rendervue_type_template_id_3f0d8a7c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('TfInput',{attrs:{"not-form":"","type":_vm.type,"disabled":_vm.disabled},on:{"change":_vm.handleChange},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}})}
+var tf_input_cell_rendervue_type_template_id_3f0d8a7c_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-input-cell-render/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var tf_input_cell_rendervue_type_script_lang_js_ = ({
+  name: 'TfInputCellRender',
+  components: {
+    TfInput: tf_input/* default */.Z
+  },
+  data() {
+    return {
+      type: '',
+      value: '',
+      disabled: false
+    };
+  },
+  /** params:当前操作单元格对象 */
+  beforeMount() {
+    this.setInitialState();
+  },
+  methods: {
+    setInitialState() {
+      this.value = this.params.value;
+      this.type = this.params.type || 'input';
+      // 表格设置的特殊逻辑
+      if (this.params.column.colId === 'isFreeze' && this.params.data.isChild) {
+        this.disabled = true;
+      }
+    },
+    handleChange(value) {
+      this.params.context.componentParent.handleChangeValue({
+        value: value,
+        params: this.params
+      });
+    }
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-input-cell-render/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_input_cell_rendervue_type_script_lang_js_ = (tf_input_cell_rendervue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-input-cell-render/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var tf_input_cell_render_component = (0,componentNormalizer/* default */.Z)(
+  components_tf_input_cell_rendervue_type_script_lang_js_,
+  tf_input_cell_rendervue_type_template_id_3f0d8a7c_render,
+  tf_input_cell_rendervue_type_template_id_3f0d8a7c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tf_input_cell_render = (tf_input_cell_render_component.exports);
+// EXTERNAL MODULE: ./src/utils/index.js
+var utils = __webpack_require__(68023);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  name: 'TfAgGrid',
+  /* eslint-disable */
+  components: {
+    AgGridVue: main.AgGridVue,
+    TfFilter: tf_filter,
+    TfCellText: tf_cell_text,
+    TfInputCellRender: tf_input_cell_render
+  },
+  /* eslint-enable */
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    // 表头字段对应的数据集
+    fieldValueSet: {
+      type: Object,
+      default: () => {}
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    // 表格合计
+    totalData: {
+      type: Object,
+      default: () => {}
+    },
+    // 字段表格合计
+    totalField: {
+      type: Array,
+      default: () => []
+    },
+    // 是否开启行拖拽
+    rowDragManaged: {
+      type: Boolean,
+      default: false
+    },
+    // 需配合rowDragManaged同时为true 行拖拽生效
+    rowDragEntireRow: {
+      type: Boolean,
+      default: false
+    },
+    cellStyle: {
+      type: Function,
+      default: null
+    },
+    // 启用多行拖拽
+    rowDragMultiRow: {
+      type: Boolean,
+      default: false
+    },
+    // 允许使用单击选择多行
+    rowMultiSelectWithClick: {
+      type: Boolean,
+      default: false
+    },
+    // 用户自定义字段颜色方案列表
+    personalFontColor: {
+      type: Array,
+      default: () => []
+    },
+    // 启用选中单元格文本
+    enableCellTextSelection: {
+      type: Boolean,
+      default: true
+    },
+    suppressScrollOnNewData: {
+      type: Boolean,
+      default: true
+    },
+    enableBrowserTooltips: {
+      type: Boolean,
+      default: false
+    },
+    tooltipShowDelay: {
+      type: Number,
+      default: 100
+    },
+    tooltipHideDelay: {
+      type: Number,
+      default: 2000
+    },
+    entityTableName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      context: {},
+      gridApi: null,
+      columnApi: null,
+      selectedRows: [],
+      tableRef: (0,utils/* randomRefName */.zs)(15),
+      // 绑定默认列属性
+      defaultColDef: {
+        sortable: true,
+        resizable: true,
+        // 禁止通过拖动列来固定列
+        lockPinned: true,
+        cellRenderer: 'TfCellText',
+        cellStyle: this.cellStyle || this.setCellStyle,
+        headerComponent: 'TfFilter'
+      },
+      // 过滤条件
+      filterOption: {},
+      // 过滤后的数据
+      filteredData: [],
+      // 没有数据的提示
+      overlayNoRowsTemplate: '<span><svg v-else class="svg-icon-table-empty" aria-hidden="true" style="width: 6vw; height: 6vh;">\n' + '<use xlink:href="#icon-table-empty" /></svg><div style="font-size: 1.4vh;">暂无数据</div></span>',
+      rowHeight: 35,
+      headerHeight: 35,
+      scrollTop: 0,
+      scrollLeft: 0
+    };
+  },
+  computed: {
+    customAttrs: function () {
+      return {
+        // 选中模式：多选｜单选
+        'row-selection': 'multiple',
+        // 内容行高
+        'row-height': this.rowHeight,
+        // 表头行高
+        'header-height': this.headerHeight,
+        // 允许单击选择多行
+        'row-multi-select-with-click': this.rowMultiSelectWithClick,
+        // 默认列定义
+        'default-col-def': this.defaultColDef,
+        // 启用行拖拽
+        'row-drag-managed': this.rowDragManaged,
+        // 允许在行上的任意位置单击拖动
+        'row-drag-entire-row': this.rowDragEntireRow,
+        // 允许同时拖动多行
+        'row-drag-multi-row': this.rowDragMultiRow,
+        // 空数据提示
+        'overlay-no-rows-template': this.overlayNoRowsTemplate,
+        // 启用选中单元格文本
+        'enable-cell-text-selection': this.enableCellTextSelection,
+        // 悬浮文本显示需要的延迟
+        'tooltip-show-delay': this.tooltipShowDelay,
+        // 悬浮文本隐藏需要的延迟
+        'tooltip-hide-delay': this.tooltipHideDelay,
+        // 启用行动画
+        'animate-rows': true,
+        // 允许跨行（表格启用rowSpan时需要开启此属性）
+        'suppress-row-transform': true,
+        // 禁用colDef属性检查引起的控制台警告信息
+        'suppress-property-names-check': true,
+        // 关闭列移动动画（适配低性能）
+        'suppress-column-move-animation': true,
+        // 当提供新数据是否要滚动至顶部
+        'suppress-scroll-on-new-data': this.suppressScrollOnNewData,
+        // 启用浏览器的默认工具提示，而不是网格的工具提示组件
+        'enable-browser-tooltips': this.enableBrowserTooltips,
+        ...this.$attrs
+      };
+    }
+  },
+  watch: {
+    data() {
+      this.filterMethod();
+      this.initBodyScroll();
+    },
+    totalData() {
+      this.getSummaries();
+    },
+    filteredData() {
+      this.loadRowData(this.filteredData || []);
+    },
+    gridApi() {
+      this.getSummaries();
+      this.loadRowData(this.filteredData || []);
+    }
+  },
+  /** 表格绑定上下文 */
+  beforeMount() {
+    this.context = {
+      componentParent: this
+    };
+  },
+  activated() {
+    this.initBodyScroll();
+  },
+  methods: {
+    /** 初始化滚动条 */
+    initBodyScroll() {
+      this.$nextTick(() => {
+        const viewport = this.$refs[this.tableRef].$el.querySelector('.ag-body-viewport');
+        viewport.scrollTop = this.scrollTop;
+        viewport.scrollLeft = this.scrollLeft;
+      });
+    },
+    /** 表格滚动事件 */
+    bodyScroll(params) {
+      const {
+        top,
+        left
+      } = params;
+      this.scrollTop = top;
+      this.scrollLeft = left;
+    },
+    /** 加载表格数据 */
+    loadRowData(data) {
+      this.gridApi?.setRowData(data || []);
+    },
+    /** 表格合计 */
+    getSummaries() {
+      if (!this.totalData || !this.totalField || !this.totalField.length) {
+        return;
+      }
+      let summaryRowData = this.getTotalData();
+      this.gridApi?.setPinnedBottomRowData([summaryRowData]);
+    },
+    /** 获取合计数据 */
+    getTotalData() {
+      let totalData = {};
+      if (this.totalField && this.totalField.length) {
+        // 计算需要合计字段的值
+        this.totalField.forEach(field => {
+          totalData[field] = this.filteredData.reduce((prev, curr) => {
+            const value = isNaN(+curr[field]) ? 0 : +curr[field];
+            return +decimal/* default.add */.Z.add(+prev, +value);
+          }, 0);
+        });
+        // 将其余字段合计值设置为空
+        const otherFields = this.columns.filter(item => this.totalField.indexOf(item.field) === -1);
+        otherFields.forEach(item => {
+          totalData[item.field] = '';
+        });
+        if (this.entityTableName) {
+          totalData[this.gridApi.getColumnDefs()[1].colId] = '合计';
+        }
+      } else {
+        totalData = this.totalData;
+      }
+      return totalData;
+    },
+    /** 快捷过滤确认 */
+    handleUpdateFilter({
+      value,
+      params
+    }) {
+      this.filterOption[params.column.colId] = {
+        ...params,
+        value
+      };
+      this.filterMethod();
+    },
+    /** 过滤条件方法 */
+    filterMethod() {
+      const filteredData = this.data.filter(current => {
+        let isFilter = true;
+        const keyArr = Object.keys(current);
+        keyArr.some(key => {
+          // 存在过滤条件时执行
+          if (this.filterOption[key]?.value) {
+            // 基础资料和枚举要特殊处理
+            const currentName = this.isBasicData(current[key]) ? current[key].name : current[key];
+            if (currentName === null || currentName === undefined || !`${currentName}`.includes(`${this.filterOption[key].value}`)) {
+              isFilter = false;
+              return true;
+            }
+          }
+        });
+        return isFilter;
+      });
+      this.filteredData = filteredData;
+      // 更新表尾合计
+      this.getSummaries();
+    },
+    isBasicData(data) {
+      return typeof data === 'object' && data !== null && data !== undefined;
+    },
+    /** 表格选择项change事件 */
+    selectionChange() {
+      this.selectedRows = this.gridApi.getSelectedRows();
+      this.$emit('selection-changed', this.selectedRows);
+    },
+    /** 列的宽度调整的事件的回调  */
+    columnResized(params) {
+      this.$emit('column-resized', params);
+    },
+    /** 拖动停止，此事件包含列移动，列调整大小等 */
+    dragStopped(params) {
+      this.$emit('drag-stopped', params);
+    },
+    /** 列移动排序 */
+    columnMoved(params) {
+      this.$emit('column-moved', params);
+    },
+    /** 行拖拽结束后 */
+    rowDragEnd(params) {
+      this.$emit('row-drag-end', params);
+    },
+    /** 单元格单击事件 */
+    cellClick(params) {
+      this.$emit('cell-clicked', params);
+    },
+    /** 行点击事件 */
+    rowClicked(params) {
+      this.$emit('row-clicked', params);
+    },
+    /** 行选中事件 */
+    rowSelected(params) {
+      // 这里的判断是防止点击一次 触发两次行点击事件
+      if (params.event) {
+        // 这里的事件名称不要再修改
+        this.$emit('current-change', params);
+      }
+    },
+    /** 单元格双击事件 */
+    cellDBLClick(params) {
+      this.$emit('cell-double-clicked', params);
+    },
+    /** 单元格样式 */
+    setCellStyle(params) {
+      if (params.data?.color) {
+        return {
+          color: params.data.color
+        };
+      }
+    },
+    /** 表格初始化 */
+    onGridReady(params) {
+      this.gridApi = params.api;
+    },
+    /** 编辑表格单元格值 */
+    handleChangeValue(datas) {
+      this.$emit('handleChangeCellValue', datas);
+    },
+    /**
+     * 手动选中行
+     * @params rows: 需要选中的行
+     * @params field: 判断行中的字段
+     * @params deselectAll: 是否先清空所有选中行
+     * @params ensureIndexVisible: 选中行后是否需要滚动
+     */
+    handleSelectRows(rows = [], field = 'id', deselectAll = false, ensureIndexVisible = false) {
+      if (!this.gridApi) {
+        return;
+      }
+      deselectAll && this.gridApi.deselectAll();
+      const ids = rows.map(item => item[field]);
+      this.gridApi.forEachNodeAfterFilter(node => {
+        if (ids.indexOf(node.data[field]) !== -1) {
+          node.setSelected(true);
+          ensureIndexVisible && this.gridApi.ensureIndexVisible(node.rowIndex, 'middle');
+        }
+      });
+    },
+    /**
+     * 滚动到指定行
+     * @params row: 需要滚动到的行
+     * @params field: 判断行中的字段
+     * @params position: 滚动停靠的位置
+     */
+    scrollToRow(row, field = 'id', position = 'middle') {
+      if (!this.gridApi) {
+        return;
+      }
+      const findData = (this.gridApi.getSelectedNodes() || []).find(d => d.data[field] === row[field]);
+      if (findData) {
+        this.gridApi.ensureIndexVisible(findData.rowIndex, position);
+      }
+    },
+    /**
+     * 滚动到选中行的第x行
+     * @params index: 需要滚动到的行数
+     * @params position: 滚动停靠的位置
+     */
+    scrollToIndex(index = 1, position = 'middle') {
+      if (!this.gridApi) {
+        return;
+      }
+      this.gridApi.ensureIndexVisible(this.gridApi.getSelectedNodes()[index - 1].rowIndex, position);
+    },
+    /** 刷新 */
+    refreshCells() {
+      if (!this.gridApi) {
+        return;
+      }
+      this.gridApi.refreshCells();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tf_ag_grid_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-63.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=style&index=0&id=a38dbbb8&prod&lang=scss&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue?vue&type=style&index=0&id=a38dbbb8&prod&lang=scss&scoped=true&
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var src_component = (0,componentNormalizer/* default */.Z)(
+  tf_ag_grid_srcvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "a38dbbb8",
+  null
+  
+)
+
+/* harmony default export */ var src = (src_component.exports);
+;// CONCATENATED MODULE: ./package/tf-ag-grid/index.js
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var tf_ag_grid = (src);
+
+/***/ }),
+
 /***/ 41663:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -136594,7 +137453,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 // EXTERNAL MODULE: ./src/utils/index.js
 var utils = __webpack_require__(68023);
 // EXTERNAL MODULE: ./src/directives/index.js + 69 modules
-var directives = __webpack_require__(27014);
+var directives = __webpack_require__(67867);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-table/src/index.vue?vue&type=script&lang=js&
 //
 //
@@ -137329,7 +138188,7 @@ function getVoucherIds(data) {
 
 /***/ }),
 
-/***/ 27014:
+/***/ 67867:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -139668,16 +140527,18 @@ const ElDialogDrag = {
     fullScreen(el, binding, vNode);
   }
 };
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=template&id=283ce970&scoped=true&
-var settingvue_type_template_id_283ce970_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{staticClass:"tf-ag-grid-setting-dialog",attrs:{"title":"列配置（多级表头不允许冻结）","visible":_vm.dialogVisible,"append-to-body":"","before-close":_vm.close,"close-on-click-modal":false,"close-on-press-escape":false},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:"setting-container"},[_c('el-tabs',{model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:"activeTab"}},[_c('el-tab-pane',{attrs:{"label":"表头设置","name":"form"}},[_c('TfSettingForm',{ref:"formSetting",attrs:{"config-list":_vm.configList},on:{"close":_vm.close,"save":function($event){return _vm.$emit('save')}}})],1)],1)],1)])}
-var settingvue_type_template_id_283ce970_scoped_true_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=template&id=e45c9f3e&scoped=true&
+var settingvue_type_template_id_e45c9f3e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{staticClass:"tf-ag-grid-setting-dialog",attrs:{"title":"列配置","visible":_vm.dialogVisible,"append-to-body":"","before-close":_vm.close,"close-on-click-modal":false,"close-on-press-escape":false},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:"setting-container"},[_c('el-tabs',{model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:"activeTab"}},[_c('el-tab-pane',{attrs:{"label":"表头设置","name":"form"}},[_c('TfSettingForm',{ref:"formSetting",attrs:{"config-list":_vm.configList},on:{"close":_vm.close,"save":function($event){return _vm.$emit('save')}}})],1)],1)],1)])}
+var settingvue_type_template_id_e45c9f3e_scoped_true_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=template&id=2f22581e&scoped=true&
-var tf_setting_formvue_type_template_id_2f22581e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-setting-form-content"},[_c('div',{staticClass:"tf-header-group"},[_c('div',{staticClass:"tf-search-text"},[_c('el-input',{attrs:{"placeholder":"搜索字段名称","clearable":""},on:{"input":_vm.handleSearchField},model:{value:(_vm.searchContent),callback:function ($$v) {_vm.searchContent=$$v},expression:"searchContent"}},[_c('i',{staticClass:"el-input__icon el-icon-search",attrs:{"slot":"prefix"},slot:"prefix"})])],1),_c('TfButtonGroup',[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('showChange')}}},[_vm._v("显/隐切换")]),_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('freeze')}}},[_vm._v("冻结/固定")]),_c('el-button',{attrs:{"type":"primary","size":"mini","loading":_vm.saveLoading},on:{"click":function($event){return _vm.handlerButtons('save')}}},[_vm._v("保存")]),_c('el-button',{attrs:{"type":"danger","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('close')}}},[_vm._v("关闭")])],1)],1),_c('div',{staticClass:"tf-ag-grid-setting-table"},[_c('TfAgGridTable',{ref:"settingTable",attrs:{"columns":_vm.mainColumns,"table-data":_vm.showTableData,"row-drag-managed":false,"row-drag-entire-row":false,"row-drag-multi-row":false,"enable-cell-text-selection":false},on:{"rowDragEnd":_vm.rowDragEnd,"handleChangeCellValue":_vm.handleChangeCellValue,"selectChange":_vm.selectChange}})],1)])}
-var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=template&id=01be3b48&scoped=true&
+var tf_setting_formvue_type_template_id_01be3b48_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-setting-form-content"},[_c('div',{staticClass:"tf-header-group"},[_c('div',{staticClass:"tf-search-text"},[_c('el-input',{attrs:{"clearable":"","placeholder":"搜索字段名称"},on:{"input":_vm.handleSearchField},model:{value:(_vm.searchContent),callback:function ($$v) {_vm.searchContent=$$v},expression:"searchContent"}},[_c('i',{staticClass:"el-input__icon el-icon-search",attrs:{"slot":"prefix"},slot:"prefix"})])],1),_c('TfButtonGroup',[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('showChange')}}},[_vm._v("显/隐切换")]),_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('freeze')}}},[_vm._v("冻结/固定")]),_c('el-button',{attrs:{"type":"primary","size":"mini","loading":_vm.saveLoading},on:{"click":function($event){return _vm.handlerButtons('save')}}},[_vm._v("保存")]),_c('el-button',{attrs:{"type":"danger","size":"mini"},on:{"click":function($event){return _vm.handlerButtons('close')}}},[_vm._v("关闭")])],1)],1),_c('div',{staticClass:"tf-ag-grid-setting-table"},[_c('TfAgGrid',{ref:"settingTable",attrs:{"data":_vm.showTableData,"columns":_vm.mainColumns,"enable-cell-text-selection":false},on:{"selection-changed":_vm.selectChange,"handleChangeCellValue":_vm.handleChangeCellValue}})],1)])}
+var tf_setting_formvue_type_template_id_01be3b48_scoped_true_staticRenderFns = []
 
 
+// EXTERNAL MODULE: ./package/tf-ag-grid/index.js + 26 modules
+var tf_ag_grid = __webpack_require__(3189);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=script&lang=js&
 //
 //
@@ -139711,10 +140572,6 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
 //
 //
 //
-//
-//
-//
-//
 
 
 
@@ -139722,7 +140579,7 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
   name: 'TFSettingForm',
   components: {
     TfButtonGroup: tf_button_group/* default */.Z,
-    TfAgGridTable: tf_ag_grid_table/* default */.Z
+    TfAgGrid: tf_ag_grid/* default */.Z
   },
   props: {
     configList: {
@@ -139754,18 +140611,18 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
         field: 'isShow',
         headerName: '显隐切换',
         suppressMovable: true,
-        cellRenderer: 'TfPlanCellRender',
+        cellRenderer: 'TfInputCellRender',
         cellRendererParams: {
-          inputType: 'switch'
+          type: 'switch'
         },
         width: 145
       }, {
         field: 'isFreeze',
         headerName: '冻结',
         suppressMovable: true,
-        cellRenderer: 'TfPlanCellRender',
+        cellRenderer: 'TfInputCellRender',
         cellRendererParams: {
-          inputType: 'switch'
+          type: 'switch'
         },
         width: 145
       }],
@@ -139773,7 +140630,8 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
       selectRows: [],
       searchContent: '',
       saveLoading: false,
-      initFlag: false
+      isShow: true,
+      isFreeze: true
     };
   },
   computed: {
@@ -139789,31 +140647,6 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
     initTableData() {
       this.tableData = this.configList;
     },
-    /** 行拖拽排序, 支持同时选中多行拖拽 */
-    rowDragEnd(params) {
-      let tableData = JSON.parse(JSON.stringify(this.tableData));
-      let moveType = 'moveUp';
-      const defaultIndex = tableData.findIndex(item => item.field === params.nodes[0].data.field);
-      if (params.overIndex < defaultIndex) {
-        moveType = 'moveUp';
-      } else if (params.overIndex > defaultIndex && params.nodes.length > 1) {
-        moveType = 'moveDown';
-      }
-      params.nodes.forEach((node, nodeIndex) => {
-        const index = tableData.findIndex(item => item.field === node.data.field);
-        tableData.splice(index, 1);
-        moveType === 'moveUp' ? tableData.splice(params.overIndex + nodeIndex, 0, node.data) : tableData.splice(params.overIndex + params.nodes.length - 1, 0, node.data);
-      });
-      this.tableData.splice(0, this.tableData.length, ...tableData);
-      // 恢复选中
-      setTimeout(() => {
-        this.$refs.settingTable.gridApi.forEachNodeAfterFilter(node => {
-          if (this.selectRows.find(row => row.field === node.data.field)) {
-            node.setSelected(true);
-          }
-        });
-      }, 500);
-    },
     /** 修改对应的值 */
     handleChangeCellValue({
       value,
@@ -139823,7 +140656,12 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
         if (item.field === params.data.field) {
           item[params.column.colId] = value;
         }
+        // 这里是一段特殊逻辑：在冻结有子列的列时，将子列的属性也同步更新，否则冻结不生效
+        if (params.column.colId === 'isFreeze' && item.originField === params.data.field) {
+          item[params.column.colId] = value;
+        }
       });
+      this.$refs.settingTable.gridApi.refreshCells();
     },
     handleSearchField() {
       // 清空选中行
@@ -139840,15 +140678,16 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
       this.$refs.settingTable.selectedRows = [];
     },
     /** 操作 */
-    async handlerButtons(option) {
+    handlerButtons(option) {
       switch (option) {
         // 显隐切换
         case 'showChange':
           {
             this.selectRows.forEach(item => {
               const findIndex = this.tableData.findIndex(d => d.field === item.field);
-              this.tableData[findIndex].isShow = !this.tableData[findIndex].isShow;
+              this.tableData[findIndex].isShow = this.isShow;
             });
+            this.isShow = !this.isShow;
             this.$refs.settingTable.gridApi.refreshCells();
             break;
           }
@@ -139856,13 +140695,17 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
         case 'freeze':
           {
             this.selectRows.forEach(item => {
-              // 多表头下的列不允许固定列
               if (item.isChild) {
                 return;
               }
-              const findIndex = this.tableData.findIndex(d => d.field === item.field);
-              this.tableData[findIndex].isFreeze = !this.tableData[findIndex].isFreeze;
+              const originField = item.field;
+              const arr = this.tableData.filter(item => item.originField === originField);
+              arr.map(item => {
+                const findIndex = this.tableData.findIndex(d => d.field === item.field);
+                this.tableData[findIndex].isFreeze = this.isFreeze;
+              });
             });
+            this.isFreeze = !this.isFreeze;
             this.$refs.settingTable.gridApi.refreshCells();
             break;
           }
@@ -139890,10 +140733,10 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
 });
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_setting_components_tf_setting_formvue_type_script_lang_js_ = (setting_components_tf_setting_formvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-63.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=style&index=0&id=2f22581e&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-63.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=style&index=0&id=01be3b48&prod&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=style&index=0&id=2f22581e&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue?vue&type=style&index=0&id=01be3b48&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/components/tf-setting-form/index.vue
 
@@ -139906,11 +140749,11 @@ var tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns = [
 
 var components_tf_setting_form_component = (0,componentNormalizer/* default */.Z)(
   components_setting_components_tf_setting_formvue_type_script_lang_js_,
-  tf_setting_formvue_type_template_id_2f22581e_scoped_true_render,
-  tf_setting_formvue_type_template_id_2f22581e_scoped_true_staticRenderFns,
+  tf_setting_formvue_type_template_id_01be3b48_scoped_true_render,
+  tf_setting_formvue_type_template_id_01be3b48_scoped_true_staticRenderFns,
   false,
   null,
-  "2f22581e",
+  "01be3b48",
   null
   
 )
@@ -139968,16 +140811,16 @@ var components_tf_setting_form_component = (0,componentNormalizer/* default */.Z
     /** 关闭弹框前 */
     close() {
       this.dialogVisible = false;
-      this.$refs.formSetting.close();
+      this.$refs.formSetting?.close();
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_settingvue_type_script_lang_js_ = (settingvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=style&index=0&id=283ce970&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=style&index=0&id=e45c9f3e&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=style&index=0&id=283ce970&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/index.vue?vue&type=style&index=0&id=e45c9f3e&prod&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/components/setting/index.vue
 
@@ -139990,11 +140833,11 @@ var components_tf_setting_form_component = (0,componentNormalizer/* default */.Z
 
 var setting_component = (0,componentNormalizer/* default */.Z)(
   components_settingvue_type_script_lang_js_,
-  settingvue_type_template_id_283ce970_scoped_true_render,
-  settingvue_type_template_id_283ce970_scoped_true_staticRenderFns,
+  settingvue_type_template_id_e45c9f3e_scoped_true_render,
+  settingvue_type_template_id_e45c9f3e_scoped_true_staticRenderFns,
   false,
   null,
-  "283ce970",
+  "e45c9f3e",
   null
   
 )
@@ -140078,7 +140921,7 @@ const agDefaultColumn = [{
   suppressMovable: true,
   headerName: '#',
   headerComponent: 'TfAgGridSettingHeader',
-  valueGetter: params => params.node ? params.node.rowIndex + 1 : null
+  valueGetter: params => params.node ? !params.node.rowPinned ? params.node.rowIndex + 1 : params.data[params.column.colId] : null
 }];
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/js/util.js
 
@@ -140115,6 +140958,19 @@ function saveTableConfig(el, binding, vNode) {
     vm.tfAgGridSettingIntance.close();
   });
 }
+
+/** 列排序方法 */
+function util_customSort(valueA, valueB, nodeA, nodeB, isDescending) {
+  // 数字排序
+  if (!isNaN(+valueA) && !isNaN(+valueB)) {
+    const prev = !isNaN(+valueA) ? +valueA : 0;
+    const next = !isNaN(+valueB) ? +valueB : 0;
+    return Number(prev - next).toFixed(2);
+  } else {
+    // 非数字排序
+    return (valueA || '').localeCompare(valueB || '');
+  }
+}
 ;// CONCATENATED MODULE: ./src/directives/modules/ag-grid-setting/js/init.js
 
 
@@ -140198,12 +141054,14 @@ async function js_init_initTableConfigList(el, binding, vNode) {
   const testField = (obj, field) => {
     return obj && obj[field] !== undefined && obj[field] !== null;
   };
-  const deepConfigList = (arr, parentHeaderName = '', isChild) => {
+  const deepConfigList = (arr, parentHeaderName = '', isChild, originField) => {
     arr.forEach(item => {
       const current = el.umyTableSetting.userConfigList.find(d => item.field && d.field === item.field) || {};
       const currentName = parentHeaderName ? parentHeaderName + '-' + item.headerName : item.headerName;
       configList.push({
         field: item.field,
+        // 该字段用来记录最外层列的字段
+        originField: originField || item.field,
         label: currentName,
         isChild: isChild,
         isShow: testField(current, 'isShow') ? current.isShow : true,
@@ -140211,10 +141069,10 @@ async function js_init_initTableConfigList(el, binding, vNode) {
         fieldWidth: testField(current, 'fieldWidth') ? current.fieldWidth : item.width || 150,
         fieldIndex: current.fieldIndex
       });
-      item.children && deepConfigList(item.children, currentName, true);
+      item.children && deepConfigList(item.children, currentName, true, item.field);
     });
   };
-  deepConfigList(tableInstance.columnDefs, '', false);
+  deepConfigList(tableInstance.columnDefs, '', false, '');
   // 先排序
   configList.sort((a, b) => a.fieldIndex - b.fieldIndex);
   // 重新生成序号
@@ -140235,14 +141093,19 @@ const js_init_reloadColumns = (el, binding, vNode) => {
       arr[index].hide = !current.isShow;
       arr[index].fieldIndex = current.fieldIndex;
       arr[index].width = current.fieldWidth || 150;
+      arr[index].comparator = arr[index].comparator || util_customSort;
       arr[index].pinned = current.isFreeze ? 'left' : item.pinned === 'right' ? 'right' : null;
-      arr[index].children && deepReloadColumn(item.children);
+      if (arr[index].children) {
+        // 此属性将子列捆绑，不允许单独拖拽
+        arr[index].marryChildren = true;
+        deepReloadColumn(item.children);
+      }
     });
+    // 排序
+    arr.sort((a, b) => a.fieldIndex - b.fieldIndex);
   };
   // 修改列配置
   deepReloadColumn(newColumns);
-  // 排序
-  newColumns.sort((a, b) => a.fieldIndex - b.fieldIndex);
   // 重新加载列配置
   setNewColumns(el, newColumns);
 };
@@ -140309,7 +141172,7 @@ const columnMoved = (el, binding, vNode) => {
   });
 };
 
-/** 重新生成本地配置数据 */
+/** 根据当前表格列的排序, 重新生成配置信息 */
 function generateTableConfigList(el, binding, vNode) {
   const configList = [];
   const deepConfigList = arr => {
@@ -259497,7 +260360,7 @@ var push_down_component = (0,componentNormalizer/* default */.Z)(
   }
 });
 // EXTERNAL MODULE: ./src/directives/index.js + 69 modules
-var directives = __webpack_require__(27014);
+var directives = __webpack_require__(67867);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/t-data-list/main.vue?vue&type=script&lang=js&
 //
 //
@@ -261459,880 +262322,8 @@ tf_print_render_src.install = function (Vue) {
 var tf_input = __webpack_require__(37827);
 // EXTERNAL MODULE: ./package/tf-table/index.js + 12 modules
 var tf_table = __webpack_require__(78277);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=template&id=3436a30c&scoped=true&
-var srcvue_type_template_id_3436a30c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-common-table-container"},[_c('ag-grid-vue',_vm._b({directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"},{name:"agGridSetting",rawName:"v-agGridSetting",value:(_vm.entityTableName),expression:"entityTableName"}],ref:_vm.tableRef,staticClass:"ag-theme-alpine",staticStyle:{"width":"100%","height":"100%"},attrs:{"context":_vm.context,"column-defs":_vm.columns,"row-data":_vm.filteredData},on:{"grid-ready":_vm.onGridReady,"cell-clicked":_vm.cellClick,"row-drag-end":_vm.rowDragEnd,"row-selected":_vm.rowSelected,"drag-stopped":_vm.dragStopped,"column-moved":_vm.columnMoved,"column-resized":_vm.columnResized,"cell-double-clicked":_vm.cellDBLClick,"selection-changed":_vm.selectionChange}},'ag-grid-vue',_vm.customAttrs,false))],1)}
-var srcvue_type_template_id_3436a30c_scoped_true_staticRenderFns = []
-
-
-// EXTERNAL MODULE: ./node_modules/ag-grid-vue/main.js
-var ag_grid_vue_main = __webpack_require__(61146);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=template&id=cfe194f2&scoped=true&
-var tf_filtervue_type_template_id_cfe194f2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{'filter-main':_vm.isClick || _vm.isFilter, 'filter-content': true},on:{"click":function($event){return _vm.onSortRequested($event)}}},[(_vm.params.column.colId !== 'checkout')?_c('span',[_vm._v(_vm._s(_vm.params.displayName))]):_vm._e(),(_vm.order)?_c('span',[_c('i',{class:[_vm.order === 'asc' ? 'el-icon-top' : 'el-icon-bottom']})]):_vm._e(),_c('el-popover',{attrs:{"width":"200","trigger":"manual","placement":"bottom"},model:{value:(_vm.isClick),callback:function ($$v) {_vm.isClick=$$v},expression:"isClick"}},[_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickOut),expression:"handleClickOut"}],staticClass:"filter-main-context"},[(_vm.params.fieldType === 'select')?_c('div',{staticClass:"filter-list"},_vm._l((_vm.optionsList),function(item,index){return _c('div',{key:index,staticClass:"filter-list-item",class:{select:_vm.searchData.selectList.includes(item.name)},on:{"click":function($event){return _vm.handleSelectClick(item)}}},[_vm._v(" "+_vm._s(item.name)+" ")])}),0):(_vm.params.fieldType === 'date' || _vm.params.fieldType === 'dateTime')?_c('div',{staticClass:"time-select"},[_c('TfInput',{attrs:{"un-body":"","not-form":"","full-border":"","append-to-body":"","placeholder":"起始时间","type":_vm.params.fieldType || 'input'},model:{value:(_vm.searchData.time.startTime),callback:function ($$v) {_vm.$set(_vm.searchData.time, "startTime", $$v)},expression:"searchData.time.startTime"}}),_c('TfInput',{attrs:{"un-body":"","not-form":"","full-border":"","append-to-body":"","placeholder":"结束时间","type":_vm.params.fieldType || 'input'},model:{value:(_vm.searchData.time.endTime),callback:function ($$v) {_vm.$set(_vm.searchData.time, "endTime", $$v)},expression:"searchData.time.endTime"}})],1):_c('div',{staticClass:"filter-text-content"},[_c('TfInput',{attrs:{"full-border":"","value":_vm.text,"not-form":"","placeholder":"输入需要过滤的值"},on:{"input":function($event){return _vm.handleInput($event)}}}),_c('div',{staticClass:"filter-list filter-select-list"},_vm._l((_vm.searchData.inputSelect),function(item,index){return _c('div',{key:index,staticClass:"filter-list-item",class:{select:_vm.searchData.inputSelect.find(function (value) { return value.name === item.name; })},on:{"click":function($event){return _vm.handleSelect(item)}}},[_vm._v(" "+_vm._s(item.name)+" ")])}),0),_c('div',{staticClass:"filter-list"},_vm._l((_vm.inputSelectOptions),function(item,index){return _c('div',{key:index,staticClass:"filter-list-item",on:{"click":function($event){return _vm.handleSelect(item)}}},[_c('div',{staticClass:"text"},[_vm._v(_vm._s(item.name))])])}),0)],1),_c('div',{staticClass:"option-buttons"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleCancel}},[_vm._v("重置")]),_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleSubmit}},[_vm._v("确定")])],1)]),_c('SvgIcon',{staticClass:"filter-icon",attrs:{"slot":"reference","icon-class":"filter"},on:{"click":function($event){$event.stopPropagation();return _vm.handleFilterClick.apply(null, arguments)}},slot:"reference"})],1)],1)}
-var tf_filtervue_type_template_id_cfe194f2_scoped_true_staticRenderFns = []
-
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=script&lang=js&
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-/* harmony default export */ var tf_filtervue_type_script_lang_js_ = ({
-  components: {
-    TfInput: tf_input/* default */.Z
-  },
-  directives: {
-    Clickoutside: clickoutside/* default */.Z
-  },
-  props: {
-    configData: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      searchData: {
-        // 过滤时间
-        time: {
-          startTime: null,
-          endTime: null
-        },
-        // 枚举类型
-        selectList: [],
-        // 选择输入框
-        inputSelect: []
-      },
-      optionsList: [],
-      inputSelectOptions: [],
-      isClick: false,
-      inputType: '',
-      unClickOutside: false,
-      text: '',
-      order: '' // 排序规则
-    };
-  },
-
-  computed: {
-    isFilter() {
-      return JSON.stringify(this.searchData) !== JSON.stringify({
-        time: {
-          startTime: null,
-          endTime: null
-        },
-        selectList: [],
-        inputSelect: []
-      });
-    }
-  },
-  watch: {
-    'searchData.time': {
-      handler(newVal) {
-        this.handleDateChange(newVal);
-      },
-      deep: true
-    }
-  },
-  methods: {
-    /**
-     * params: 当前列对象
-     * 排序
-     */
-    onSortRequested(event) {
-      if (this.order === '') {
-        this.order = 'asc';
-      } else if (this.order === 'asc') {
-        this.order = 'desc';
-      } else if (this.order === 'desc') {
-        this.order = '';
-      }
-      this.params.setSort(this.order, event.shiftKey);
-    },
-    handleCancel() {
-      if (this.inputType === 'inputSelect') {
-        this.searchData[this.inputType] = [];
-        this.text = '';
-      }
-      if (this.inputType === 'selectList') {
-        this.searchData[this.inputType] = [];
-      }
-      if (this.inputType === 'time') {
-        this.searchData[this.inputType] = {
-          startTime: null,
-          endTime: null
-        };
-      }
-      this.handleSubmit();
-    },
-    /** 提交筛选 */
-    handleSubmit() {
-      this.isClick = false;
-      this.params.context.componentParent.handleUpdateFilter({
-        value: this.searchData[this.inputType],
-        params: this.params
-      });
-    },
-    handleClickOut(e) {
-      this.isClick = false;
-    },
-    handleFilterClick() {
-      this.isClick = !this.isClick;
-      const fieldValueSet = this.params.context.componentParent.field2values();
-      this.getSelectOption(fieldValueSet);
-    },
-    /** 处理日期的改变 */
-    handleDateChange(value) {
-      this.inputType = 'time';
-    },
-    /** 处理选中后的值发生变化 */
-    handleSelect(item) {
-      this.inputType = 'inputSelect';
-      if (this.searchData.inputSelect.find(value => value.name === item.name)) {
-        this.searchData.inputSelect = this.searchData.inputSelect.filter(value => value.name !== item.name);
-        if (item.name.includes(this.text)) {
-          this.inputSelectOptions.splice(item.index, 0, item);
-        }
-        return;
-      }
-      this.searchData.inputSelect.push(item);
-      this.inputSelectOptions = this.inputSelectOptions.filter(value => value.name !== item.name);
-    },
-    /** 处理输入框值的变化 */
-    handleInput(query) {
-      this.text = query;
-      if (query !== '') {
-        this.inputSelectOptions = this.optionsList.filter(item => item.name.toLowerCase().includes(query.toLowerCase())).splice(0, 50);
-      } else {
-        const options = Array.from(this.optionsList);
-        this.inputSelectOptions = options.filter(item => !this.searchData.inputSelect.find(value => value.name === item.name)).splice(0, 50);
-      }
-    },
-    /** 处理枚举选中后的逻辑 */
-    handleSelectClick(item) {
-      this.inputType = 'selectList';
-      const index = this.searchData.selectList.indexOf(item.name);
-      if (index >= 0) {
-        this.searchData.selectList.splice(index, 1);
-        return;
-      }
-      this.searchData.selectList.push(item.name);
-    },
-    /** 获取枚举列表 */
-    getSelectOption(fieldValueSet) {
-      const optionsList = [];
-      fieldValueSet[this.params.column.colId].forEach((item, index) => {
-        if (item) {
-          optionsList.push({
-            index: index,
-            name: item
-          });
-        }
-      });
-      this.optionsList = optionsList;
-      // 默认展示前50条数据
-      const options = Array.from(this.optionsList);
-      this.inputSelectOptions = options.splice(0, 50);
-    }
-  }
-});
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_tf_filtervue_type_script_lang_js_ = (tf_filtervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=style&index=0&id=cfe194f2&prod&lang=less&scoped=true&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue?vue&type=style&index=0&id=cfe194f2&prod&lang=less&scoped=true&
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-filter/index.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var tf_filter_component = (0,componentNormalizer/* default */.Z)(
-  components_tf_filtervue_type_script_lang_js_,
-  tf_filtervue_type_template_id_cfe194f2_scoped_true_render,
-  tf_filtervue_type_template_id_cfe194f2_scoped_true_staticRenderFns,
-  false,
-  null,
-  "cfe194f2",
-  null
-  
-)
-
-/* harmony default export */ var tf_filter = (tf_filter_component.exports);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=template&id=605b3b64&scoped=true&
-var tf_cell_textvue_type_template_id_605b3b64_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.closeRightMenu),expression:"closeRightMenu"}],staticClass:"tf-cell-text",on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_c('span',{on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_vm._v(_vm._s(_vm.displayValue))]),_c('RightMenu',{attrs:{"top":_vm.rightMenuTop,"left":_vm.rightMenuLeft,"show-menu":_vm.showRightMenu},on:{"update:showMenu":function($event){_vm.showRightMenu=$event},"update:show-menu":function($event){_vm.showRightMenu=$event},"rightMenuClick":_vm.dropdownCommand}})],1)}
-var tf_cell_textvue_type_template_id_605b3b64_scoped_true_staticRenderFns = []
-
-
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=template&id=479f04e0&scoped=true&
-var right_menuvue_type_template_id_479f04e0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMenu),expression:"showMenu"}],staticClass:"right-menu",style:({ top: _vm.top + 'px', left: _vm.left + 'px' })},[_c('p',{on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.rightMenuClick('copy')}}},[_vm._v(" 复制 "),_c('i',{staticClass:"el-icon-document-copy"})])])}
-var right_menuvue_type_template_id_479f04e0_scoped_true_staticRenderFns = []
-
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var right_menuvue_type_script_lang_js_ = ({
-  props: {
-    top: {
-      type: Number,
-      default: 0
-    },
-    left: {
-      type: Number,
-      default: 0
-    },
-    showMenu: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    rightMenuClick(params) {
-      this.$emit('rightMenuClick', params);
-      this.closeRightMenu();
-    },
-    closeRightMenu() {
-      this.$emit('update:showMenu', false);
-    }
-  }
-});
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=script&lang=js&
- /* harmony default export */ var tf_cell_text_right_menuvue_type_script_lang_js_ = (right_menuvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=style&index=0&id=479f04e0&prod&lang=less&scoped=true&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue?vue&type=style&index=0&id=479f04e0&prod&lang=less&scoped=true&
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/right-menu.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var right_menu_component = (0,componentNormalizer/* default */.Z)(
-  tf_cell_text_right_menuvue_type_script_lang_js_,
-  right_menuvue_type_template_id_479f04e0_scoped_true_render,
-  right_menuvue_type_template_id_479f04e0_scoped_true_staticRenderFns,
-  false,
-  null,
-  "479f04e0",
-  null
-  
-)
-
-/* harmony default export */ var right_menu = (right_menu_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-/* harmony default export */ var tf_cell_textvue_type_script_lang_js_ = ({
-  components: {
-    RightMenu: right_menu
-  },
-  directives: {
-    Clickoutside: clickoutside/* default */.Z
-  },
-  data() {
-    return {
-      displayValue: '',
-      rightMenuLeft: 0,
-      rightMenuTop: 0,
-      showRightMenu: false
-    };
-  },
-  beforeMount() {
-    // params: 当前操作单元格对象
-    this.setInitialState(this.params);
-  },
-  methods: {
-    setInitialState(params) {
-      this.displayValue = params.value;
-    },
-    /** 右键点击 */
-    rightClick($event) {
-      this.rightMenuTop = $event.offsetY;
-      // TODO: 这里的17是agcell的paddingLeft的值，若有样式调整，这里也要调整
-      this.rightMenuLeft = $event.offsetX + 17;
-      this.showRightMenu = true;
-    },
-    closeRightMenu() {
-      this.showRightMenu = false;
-    },
-    dropdownCommand(command) {
-      if (command === 'copy') {
-        const input = document.createElement('input');
-        input.value = this.displayValue;
-        input.setAttribute('id', 'temp-input-id');
-        document.body.appendChild(input);
-        input.select();
-        document.execCommand('copy');
-        document.querySelector('#temp-input-id').remove();
-      }
-    }
-  }
-});
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_tf_cell_textvue_type_script_lang_js_ = (tf_cell_textvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/components/tf-cell-text/index.vue
-
-
-
-
-
-/* normalize component */
-;
-var tf_cell_text_component = (0,componentNormalizer/* default */.Z)(
-  components_tf_cell_textvue_type_script_lang_js_,
-  tf_cell_textvue_type_template_id_605b3b64_scoped_true_render,
-  tf_cell_textvue_type_template_id_605b3b64_scoped_true_staticRenderFns,
-  false,
-  null,
-  "605b3b64",
-  null
-  
-)
-
-/* harmony default export */ var tf_cell_text = (tf_cell_text_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ var tf_ag_grid_srcvue_type_script_lang_js_ = ({
-  name: 'TfAgGrid',
-  /* eslint-disable */
-  components: {
-    AgGridVue: ag_grid_vue_main.AgGridVue,
-    TfFilter: tf_filter,
-    TfCellText: tf_cell_text
-  },
-  /* eslint-enable */
-  directives: {
-    agGridSetting: directives/* agGridSetting */.rn
-  },
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    // 表头字段对应的数据集
-    fieldValueSet: {
-      type: Object,
-      default: () => {}
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    // 表格合计
-    totalData: {
-      type: Array,
-      default: () => ['合计']
-    },
-    // 是否开启行拖拽
-    rowDragManaged: {
-      type: Boolean,
-      default: false
-    },
-    // 需配合rowDragManaged同时为true 行拖拽生效
-    rowDragEntireRow: {
-      type: Boolean,
-      default: false
-    },
-    // 启用多行拖拽
-    rowDragMultiRow: {
-      type: Boolean,
-      default: false
-    },
-    // 允许使用单击选择多行
-    rowMultiSelectWithClick: {
-      type: Boolean,
-      default: false
-    },
-    // 用户自定义字段颜色方案列表
-    personalFontColor: {
-      type: Array,
-      default: () => []
-    },
-    // 启用选中单元格文本
-    enableCellTextSelection: {
-      type: Boolean,
-      default: true
-    },
-    enableBrowserTooltips: {
-      type: Boolean,
-      default: false
-    },
-    tooltipShowDelay: {
-      type: Number,
-      default: 100
-    },
-    tooltipHideDelay: {
-      type: Number,
-      default: 2000
-    },
-    entityTableName: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      tableRef: (0,utils/* randomRefName */.zs)(15),
-      currentRow: null,
-      // 当前选中的行
-      selectedRows: [],
-      // 选中的列
-      context: {},
-      gridApi: null,
-      columnApi: null,
-      // 绑定默认列属性
-      defaultColDef: {
-        sortable: true,
-        resizable: true,
-        // 禁止通过拖动列来固定列
-        lockPinned: true,
-        cellRenderer: 'TfCellText',
-        cellStyle: this.setCellStyle,
-        headerComponent: 'TfFilter'
-      },
-      // 过滤条件
-      filterOption: {},
-      // 过滤后的数据
-      filteredData: [],
-      // 没有数据的提示
-      overlayNoRowsTemplate: '<span><svg v-else class="svg-icon-table-empty" aria-hidden="true" style="width: 6vw; height: 6vh;">\n' + '<use xlink:href="#icon-table-empty" /></svg><div style="font-size: 1.4vh;">暂无数据</div></span>',
-      rowHeight: 35,
-      headerHeight: 35
-    };
-  },
-  computed: {
-    customAttrs: function () {
-      return {
-        // 选中模式：多选｜单选
-        'row-selection': 'multiple',
-        // 内容行高
-        'row-height': this.rowHeight,
-        // 表头行高
-        'header-height': this.headerHeight,
-        // 允许单击选择多行
-        'row-multi-select-with-click': this.rowMultiSelectWithClick,
-        // 默认列定义
-        'default-col-def': this.defaultColDef,
-        // 启用行拖拽
-        'row-drag-managed': this.rowDragManaged,
-        // 允许在行上的任意位置单击拖动
-        'row-drag-entire-row': this.rowDragEntireRow,
-        // 允许同时拖动多行
-        'row-drag-multi-row': this.rowDragMultiRow,
-        // 空数据提示
-        'overlay-no-rows-template': this.overlayNoRowsTemplate,
-        // 启用选中单元格文本
-        'enable-cell-text-selection': this.enableCellTextSelection,
-        // 悬浮文本显示需要的延迟
-        'tooltip-show-delay': this.tooltipShowDelay,
-        // 悬浮文本隐藏需要的延迟
-        'tooltip-hide-delay': this.tooltipHideDelay,
-        // 启用行动画
-        'animate-rows': true,
-        // 允许跨行（表格启用rowSpan时需要开启此属性）
-        'suppress-row-transform': true,
-        // 禁用colDef属性检查引起的控制台警告信息
-        'suppress-property-names-check': true,
-        // 关闭列移动动画（适配低性能）
-        'suppress-column-move-animation': true,
-        // 启用浏览器的默认工具提示，而不是网格的工具提示组件
-        'enable-browser-tooltips': this.enableBrowserTooltips,
-        ...this.$attrs
-      };
-    }
-  },
-  watch: {
-    data(newVal) {
-      this.filterMethod();
-    },
-    totalData: {
-      handler(newVal) {
-        this.getSummaries();
-      }
-    }
-  },
-  /** 给表格绑定上下文， 绑定父组件的 this */
-  beforeMount() {
-    this.context = {
-      componentParent: this
-    };
-    const height = window.screen.height;
-    if (height !== 1080) {
-      this.rowHeight = (height / 1080 * 35).toFixed(0);
-      this.headerHeight = this.rowHeight;
-    }
-  },
-  methods: {
-    /** 获取行号 */
-    hashValueGetter(params) {
-      return params.node ? params.node.rowIndex + 1 : null;
-    },
-    /** 表格合计 */
-    getSummaries() {
-      const summaryRowData = {};
-      this.columns.forEach((item, index) => {
-        if (index === 0) {
-          summaryRowData[item.field] = '合计';
-        } else if (this.totalData[index + 1]) {
-          summaryRowData[item.field] = this.totalData[index + 1];
-        } else {
-          summaryRowData[item.field] = '';
-        }
-      });
-      this.gridApi.setPinnedBottomRowData([summaryRowData]);
-    },
-    /**
-     * @param{
-     *  value: "输入的值"，
-     *  configData："在哪一列"
-     * }
-     */
-    handleUpdateFilter({
-      value,
-      params
-    }) {
-      this.filterOption[params.column.colId] = {
-        ...params,
-        value
-      };
-      this.filterMethod();
-    },
-    /** 过滤条件方法 */
-    filterMethod() {
-      const result = this.data.filter(e => {
-        const keyArr = Object.keys(e);
-        let isFilter = true;
-        keyArr.some(key => {
-          // 数据存在时执行
-          if (!!key && e[key] && this.filterOption[key]?.value) {
-            // 时间类型的筛选
-            if (['date', 'dateTime'].includes(this.filterOption[key].fieldType)) {
-              if (e[key] < this.filterOption[key].value.startTime || e[key] > this.filterOption[key].value.endTime) {
-                isFilter = false;
-              }
-              return !isFilter;
-            }
-            //枚举数据过滤
-            if (this.filterOption[key].fieldType === 'select') {
-              if (this.filterOption[key].value.length > 0 && !this.filterOption[key].value.includes(e[key])) {
-                isFilter = false;
-              }
-              return !isFilter;
-            }
-            // 文本数据过滤
-            if (this.filterOption[key].value.length > 0) {
-              const values = this.filterOption[key].value.filter(item => e[key].includes(item.name));
-              if (!values.length) {
-                isFilter = false;
-              }
-            }
-            return !isFilter;
-          }
-        });
-        return isFilter;
-      });
-      // this.filteredData.splice(0)
-      // this.filteredData = [...result]
-      this.filteredData = result;
-    },
-    /** 表格选择项change事件 */
-    selectionChange() {
-      this.selectedRows = this.gridApi.getSelectedRows();
-      this.$emit('selection-changed', this.selectedRows);
-    },
-    /** 列的宽度调整的事件的回调  */
-    columnResized(params) {
-      const {
-        column
-      } = params;
-      this.$emit('column-resized', column);
-    },
-    /** 拖动停止，此事件包含列移动，列调整大小等 */
-    dragStopped(params) {
-      this.$emit('drag-stopped', params);
-    },
-    /** 列移动排序 */
-    columnMoved(params) {
-      this.$emit('column-moved', params);
-    },
-    /** 行拖拽结束后 */
-    rowDragEnd(params) {
-      this.$emit('row-drag-end', params);
-    },
-    /** 单元格单击事件 */
-    cellClick(params) {
-      const data = params;
-      this.$emit('cell-clicked', data);
-    },
-    /** 行选中事件 */
-    rowSelected({
-      node,
-      data
-    }) {
-      const currentNode = node;
-      // 合并表格的时候处理选中 合并行 高亮
-      if (this.columns.find(item => item.field.startsWith('entity__'))) {
-        this.gridApi.forEachNodeAfterFilter(node => {
-          // node节点对应的数据id 与当前点击 行data.id相同，设置合并行(主表一行数据对应多行子表数据)选中||取消
-          if (node.data.id === data.id) {
-            node.setSelected(currentNode.isSelected());
-          }
-        });
-      }
-      if (this.lastCurrentRow && this.lastCurrentRow.id === data.id || !currentNode.isSelected()) {
-        return;
-      }
-      this.lastCurrentRow = data;
-      this.currentRow = data;
-      this.$emit('row-selected', data);
-    },
-    /** 单元格双击事件 */
-    cellDBLClick({
-      data
-    }) {
-      if (data.checkout === '合计') {
-        return;
-      }
-      this.$emit('cell-double-clicked', data);
-    },
-    /** 单元格样式 */
-    setCellStyle(params) {
-      if (params.data.color) {
-        return {
-          color: params.data.color
-        };
-      }
-    },
-    /** 表格初始化 */
-    onGridReady(params) {
-      this.gridApi = params.api;
-    },
-    /** 编辑表格单元格值 */
-    handleChangeValue(datas) {
-      this.$emit('handleChangeCellValue', datas);
-    },
-    /** 行移动排序: 置顶； 恢复默认值 */
-    sortRow(datas) {
-      if (!datas.overIndex) {
-        if (datas.type && datas.type === 'top') {
-          datas.overIndex = 1;
-        } else {
-          datas.overIndex = datas.params.data.fieldIndex;
-        }
-      }
-      this.$emit('sortRow', datas);
-    },
-    /** 手动选中行 */
-    handleSelectRows(ids) {
-      this.gridApi.forEachNodeAfterFilter(node => {
-        if (ids.indexOf(node.data.id) !== -1) {
-          node.setSelected(true);
-          this.gridApi.ensureIndexVisible(node.rowIndex, 'middle');
-        }
-      });
-    },
-    /** 滚动到选中的第一行 */
-    scrollToSelect() {
-      this.gridApi.ensureIndexVisible(this.gridApi.getSelectedNodes()[0].rowIndex, 'middle');
-    }
-  }
-});
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var package_tf_ag_grid_srcvue_type_script_lang_js_ = (tf_ag_grid_srcvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-63.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid/src/index.vue?vue&type=style&index=0&id=3436a30c&prod&lang=scss&scoped=true&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue?vue&type=style&index=0&id=3436a30c&prod&lang=scss&scoped=true&
-
-;// CONCATENATED MODULE: ./package/tf-ag-grid/src/index.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var tf_ag_grid_src_component = (0,componentNormalizer/* default */.Z)(
-  package_tf_ag_grid_srcvue_type_script_lang_js_,
-  srcvue_type_template_id_3436a30c_scoped_true_render,
-  srcvue_type_template_id_3436a30c_scoped_true_staticRenderFns,
-  false,
-  null,
-  "3436a30c",
-  null
-  
-)
-
-/* harmony default export */ var tf_ag_grid_src = (tf_ag_grid_src_component.exports);
-;// CONCATENATED MODULE: ./package/tf-ag-grid/index.js
-
-tf_ag_grid_src.install = function (Vue) {
-  Vue.component(tf_ag_grid_src.name, tf_ag_grid_src);
-};
-/* harmony default export */ var tf_ag_grid = (tf_ag_grid_src);
+// EXTERNAL MODULE: ./package/tf-ag-grid/index.js + 26 modules
+var tf_ag_grid = __webpack_require__(3189);
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-vxe-table/src/index.vue?vue&type=template&id=38f78afd&scoped=true&
 var srcvue_type_template_id_38f78afd_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-common-table-container"},[_c('vxe-table',_vm._b({directives:[{name:"vxeTableSetting",rawName:"v-vxeTableSetting",value:(_vm.entityTableName),expression:"entityTableName"}],ref:_vm.tableRef,staticClass:"tf-common-table-scrollbar",attrs:{"data":_vm.data},on:{"cell-click":_vm.cellClick,"cell-dblclick":_vm.cellDBLClick,"current-change":_vm.currentChange,"checkbox-change":_vm.checkboxChange,"checkbox-all":_vm.checkboxAll}},'vxe-table',_vm.customAttrs,false),[_c('vxe-column',{attrs:{"type":"checkbox","width":"40","fixed":"left"}}),_c('vxe-column',{attrs:{"type":"seq","width":"60","fixed":"left","title":"#"}}),_vm._l((_vm.columns),function(item){return _c('vxe-column',_vm._b({key:item.field},'vxe-column',item,false))}),(_vm.customColumns)?_vm._t("default"):_vm._e(),_c('template',{slot:"empty"},[_c('SvgIcon',{staticStyle:{"width":"6vw","height":"6vh"},attrs:{"icon-class":"table-empty"}}),_c('div',{staticStyle:{"font-size":"1.4vh"}},[_vm._v("暂无数据")])],1)],2)],1)}
 var srcvue_type_template_id_38f78afd_scoped_true_staticRenderFns = []
@@ -265403,7 +265394,7 @@ var tf_basic_table_list = __webpack_require__(41663);
 
 
 
-const components = [package_t_input, svg_icon, package_tf_widget, package_tf_layout, package_form_body, t_data_list, package_tf_icon_picker, package_form_body_item, package_form_body_item_custom, tf_input/* default */.Z, tf_table/* default */.Z, tf_ag_grid, tf_vxe_table, tf_splitter/* default */.Z, tf_tab_table/* default */.Z, tf_form_body, tf_table_list, tf_pagination/* default */.Z, tf_plan_filter/* default */.Z, tf_button_group/* default */.Z, tf_fuzzy_search/* default */.Z, tf_ag_grid_table/* default */.Z, tf_form_body_item, tf_condition_input/* default */.Z, tf_basic_table_list/* default */.Z, tf_print_render];
+const components = [package_t_input, svg_icon, package_tf_widget, package_tf_layout, package_form_body, t_data_list, package_tf_icon_picker, package_form_body_item, package_form_body_item_custom, tf_input/* default */.Z, tf_table/* default */.Z, tf_ag_grid/* default */.Z, tf_vxe_table, tf_splitter/* default */.Z, tf_tab_table/* default */.Z, tf_form_body, tf_table_list, tf_pagination/* default */.Z, tf_plan_filter/* default */.Z, tf_button_group/* default */.Z, tf_fuzzy_search/* default */.Z, tf_ag_grid_table/* default */.Z, tf_form_body_item, tf_condition_input/* default */.Z, tf_basic_table_list/* default */.Z, tf_print_render];
 const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component);