@tongfun/tf-widget 0.1.109 → 0.1.112

package/lib/tf-widget.umd.js

@@ -122,7 +122,7 @@ var es_object_keys = __webpack_require__(7941);
 // EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
 var tf_ag_grid_table = __webpack_require__(7067);
 // EXTERNAL MODULE: ./package/tf-table/index.js + 13 modules
-var tf_table = __webpack_require__(6476);
+var tf_table = __webpack_require__(3156);
 // EXTERNAL MODULE: ./package/tf-splitter/index.js + 6 modules
 var tf_splitter = __webpack_require__(9517);
 // EXTERNAL MODULE: ./package/tf-tab-table/index.js + 6 modules
@@ -142707,7 +142707,7 @@ var staticRenderFns = []
 
 
 // EXTERNAL MODULE: ./package/tf-table/index.js + 13 modules
-var tf_table = __webpack_require__(6476);
+var tf_table = __webpack_require__(3156);
 // EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
 var tf_ag_grid_table = __webpack_require__(7067);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-tab-table/src/index.vue?vue&type=script&lang=js&
@@ -142829,7 +142829,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 6476:
+/***/ 3156:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142841,8 +142841,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
 var es_function_name = __webpack_require__(8309);
-;// 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-table/src/index.vue?vue&type=template&id=757e27c3&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-content"},[_c('div',{staticClass:"tf-common-table-container"},[_c('ux-grid',_vm._b({directives:[{name:"header-table-width",rawName:"v-header-table-width",value:(_vm.entityTableName),expression:"entityTableName"},{name:"tableAutoHeight",rawName:"v-tableAutoHeight"},{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:_vm.tableRef,staticClass:"tf-common-table",attrs:{"border":"","width-resize":"","beautify-table":"","highlight-current-row":"","show-header-overflow":"","show-overflow":"tooltip","show-summary":"","summary-method":_vm.getSummaries,"valid-config":{ autoPos: true },"checkbox-config":{ highlight: true, trigger: 'row' },"edit-config":{ trigger: 'click', mode: 'cell', autoClear: false, showIcon: false },"sort-config":{trigger: 'cell', orders: ['asc', 'desc', 'null'], showIcon: false},"merge-cells":_vm.mergeCells,"cell-style":_vm.changeCellStyle},on:{"header-dragend":_vm.headerDragend,"cell-click":_vm.cellClick,"cell-dblclick":_vm.cellDBLClick,"current-change":_vm.currentChange,"selection-change":_vm.selectionChange}},'ux-grid',_vm.$attrs,false),[(_vm.columns.length || _vm.customColumns)?_c('ux-table-column',{attrs:{"fixed":_vm.fixed,"type":"checkbox","align":"center","width":"60"}}):_vm._e(),(_vm.showColumns)?_vm._l((_vm.columns),function(item){return _c('ux-table-column',_vm._b({key:item.field,attrs:{"min-width":item.fieldWidth ? item.fieldWidth : 150,"fixed":item.isLockSeat && _vm.fixed ? 'left' : '',"align":"center","resizable":"","sortable":""},scopedSlots:_vm._u([{key:"header",fn:function(ref){
+;// 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-table/src/index.vue?vue&type=template&id=0b43d8c2&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-content"},[_c('div',{staticClass:"tf-common-table-container"},[_c('ux-grid',_vm._b({directives:[{name:"umyColumnWidth",rawName:"v-umyColumnWidth",value:(_vm.entityTableName),expression:"entityTableName"},{name:"tableAutoHeight",rawName:"v-tableAutoHeight"},{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:_vm.tableRef,staticClass:"tf-common-table",attrs:{"border":"","width-resize":"","beautify-table":"","highlight-current-row":"","show-header-overflow":"","show-overflow":"tooltip","show-summary":"","summary-method":_vm.getSummaries,"valid-config":{ autoPos: true },"checkbox-config":{ highlight: true, trigger: 'row' },"edit-config":{ trigger: 'click', mode: 'cell', autoClear: false, showIcon: false },"sort-config":{trigger: 'cell', orders: ['asc', 'desc', 'null'], showIcon: false},"merge-cells":_vm.mergeCells,"cell-style":_vm.changeCellStyle},on:{"header-dragend":_vm.headerDragend,"cell-click":_vm.cellClick,"cell-dblclick":_vm.cellDBLClick,"current-change":_vm.currentChange,"selection-change":_vm.selectionChange}},'ux-grid',_vm.$attrs,false),[(_vm.columns.length || _vm.customColumns)?_c('ux-table-column',{attrs:{"fixed":_vm.fixed,"type":"checkbox","align":"center","width":"60"}}):_vm._e(),(_vm.showColumns)?_vm._l((_vm.columns),function(item){return _c('ux-table-column',_vm._b({key:item.field,attrs:{"min-width":item.fieldWidth ? item.fieldWidth : 150,"fixed":item.isLockSeat && _vm.fixed ? 'left' : '',"align":"center","resizable":"","sortable":""},scopedSlots:_vm._u([{key:"header",fn:function(ref){
 var column = ref.column;
 return [_vm._v(" "+_vm._s(column.title)+" "),_c('tf-filter',{staticClass:"column-header",attrs:{"config-data":item,"field-value-set":_vm.fieldValueSet},on:{"update-filter":_vm.handleUpdateFilter}}),(column.order && column.order !== 'null')?_c('span',[_c('i',{class:[column.order === 'asc' ? 'el-icon-top' : 'el-icon-bottom']})]):_vm._e()]}}],null,true)},'ux-table-column',item,false))}):_vm._e(),((_vm.columns.length || _vm.customColumns) && _vm.showSetting)?_c('ux-table-column',{attrs:{"fixed":"right","align":"center","width":"70"},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('span',{staticClass:"setting-icon",on:{"click":_vm.handleSetting}},[_vm._v("设置"),_c('span',[_c('i',{staticClass:"el-icon-setting"})])])]},proxy:true}],null,false,484345143)}):_vm._e(),(_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 staticRenderFns = []
@@ -143235,8 +143235,8 @@ var watchParentNode = function watchParentNode(el, binding, vNode) {
     el.watchParentNode.removeAllListeners(el.parentNode);
   }
 });
-// EXTERNAL MODULE: ./src/directives/header-table-width.js
-var header_table_width = __webpack_require__(1814);
+// EXTERNAL MODULE: ./src/directives/umy-column-width.js
+var umy_column_width = __webpack_require__(3402);
 // EXTERNAL MODULE: ./src/utils/index.js
 var utils = __webpack_require__(6791);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].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&
@@ -143324,7 +143324,7 @@ var utils = __webpack_require__(6791);
   name: 'TfTable',
   directives: {
     tableAutoHeight: table_auto_height,
-    headerTableWidth: header_table_width/* default */.Z
+    umyColumnWidth: umy_column_width/* default */.Z
   },
   components: {
     TfFilter: tf_filter
@@ -143620,10 +143620,10 @@ var utils = __webpack_require__(6791);
 });
 ;// CONCATENATED MODULE: ./package/tf-table/src/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var tf_table_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-table/src/index.vue?vue&type=style&index=0&id=757e27c3&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73[0].rules[0].use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-table/src/index.vue?vue&type=style&index=0&id=0b43d8c2&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-table/src/index.vue?vue&type=style&index=0&id=757e27c3&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-table/src/index.vue?vue&type=style&index=0&id=0b43d8c2&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-table/src/index.vue
 
@@ -143640,7 +143640,7 @@ var src_component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "757e27c3",
+  "0b43d8c2",
   null
   
 )
@@ -143976,7 +143976,7 @@ function saveUserEntityConfigs(data) {
 
 /***/ }),
 
-/***/ 1814:
+/***/ 3402:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144026,18 +144026,22 @@ var headerWidthConfigs = {};
  */
 
 var watchTableHeaderNode = function watchTableHeaderNode(el, binding, vNode) {
-  var vm = vNode.context;
-  var ref = vm.tableRef;
+  var cVM = vNode.componentInstance; // 组件实例
+  // 观察目标节点表头列宽的变化
 
-  var resizeMaker = __webpack_require__(3844);
-
-  el.watchTableHeaderNode = resizeMaker(); // 开始观察目标节点表头列宽的变化
-
-  el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), function (element) {
+  cVM.headerDragend = function () {
     // const width = element.offsetWidth
-    var tableColumns = vm.$refs[ref].getTableColumn();
+    var tableColumns = cVM.getTableColumn();
     resizeTableHeaderWidth(binding, tableColumns.fullColumn);
-  });
+  }; // 开始观察目标节点表头列宽的变化
+  // const resizeMaker = require('element-resize-detector')
+  // el.watchTableHeaderNode = resizeMaker()
+  // el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), element => {
+  //   // const width = element.offsetWidth
+  //   const tableColumns = cVM.getTableColumn()
+  //   resizeTableHeaderWidth(binding, tableColumns.fullColumn)
+  // })
+
 };
 /** 驼峰转换成下划线 */
 
@@ -144107,21 +144111,27 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
 
     var vm = vNode.context; // 父组件vue实例
 
-    var ref = vm.tableRef; // 表格的ref对象
+    var cVM = vNode.componentInstance; // 组件实例
 
-    if (!ref) {
-      return;
-    }
+    /**
+     * module:
+     *   用于区分不同模块下同一个界面
+     * vm.$route.meta.module || vm.$route.name:
+     *   这里考虑到新增和编辑界面应当使用同一配置，可通过路由中添加同一个module实现
+     *   如若不想，则无需配置module即可
+     */
 
+    var module = vm.$router.options.base.substring(1);
+    var tableName = module + '-' + (vm.$route.meta.module || vm.$route.name) + '-' + binding.value;
     watchTableHeaderNode(el, binding, vNode);
     (0,_api_tf_table__WEBPACK_IMPORTED_MODULE_11__/* .getUserEntityConfigs */ .eM)({
-      tableName: binding.value + '-' + vm.$route.name
+      tableName: tableName
     }).then(function (resp) {
       headerWidthConfigs[binding.value] = {
         configs: resp.data,
         // 宽度配置列表
         originConfigs: JSON.parse(JSON.stringify(resp.data)),
-        tableName: binding.value + '-' + vm.$route.name
+        tableName: tableName
       };
 
       if (!headerWidthConfigs[binding.value].configs.length) {
@@ -144129,7 +144139,7 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
       }
 
       vm.$nextTick(function () {
-        var tableColumns = vm.$refs[ref].getTableColumn();
+        var tableColumns = cVM.getTableColumn();
         var columns = tableColumns.fullColumn;
         columns.map(function (column) {
           var item = headerWidthConfigs[binding.value].configs.find(function (item) {
@@ -144141,7 +144151,8 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
           }
         }); // 重新加载表格的列宽
 
-        vm.$refs[ref].loadColumn(columns);
+        cVM.loadColumn(columns);
+        console.log('loadColumn');
       });
     });
   },
@@ -144156,10 +144167,9 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
     if (!binding.value) {
       return;
     } // removeAllListener
+    // el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'))
 
 
-    el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'));
-
     if (JSON.stringify(headerWidthConfigs[binding.value].originConfigs) === JSON.stringify(headerWidthConfigs[binding.value].configs)) {
       return;
     }
@@ -238816,7 +238826,7 @@ t_print_render_src.install = function (Vue) {
 // EXTERNAL MODULE: ./package/tf-input/index.js + 92 modules
 var tf_input = __webpack_require__(4036);
 // EXTERNAL MODULE: ./package/tf-table/index.js + 13 modules
-var tf_table = __webpack_require__(6476);
+var tf_table = __webpack_require__(3156);
 ;// 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=66878ea0&scoped=true&
 var srcvue_type_template_id_66878ea0_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({ref:_vm.tableRef,staticClass:"tf-common-table-scrollbar",attrs:{"size":"small","data":_vm.tableData,"border":"","round":"","align":"center","height":"auto","show-overflow":"","show-header-overflow":"","checkbox-config":{ trigger: 'row', highlight: true },"tooltip-config":{ showAll: false },"column-config":{ resizable: true },"row-config":{ isCurrent: true, isHover: true, height: 36 },"edit-config":{ trigger: 'click', mode: 'cell', autoClear: false }},on:{"cell-click":_vm.cellClick,"cell-dblclick":_vm.cellDBLClick,"current-change":_vm.currentChange,"checkbox-change":_vm.checkboxChange}},'vxe-table',_vm.$attrs,false),[_c('vxe-column',{attrs:{"type":"seq","width":"40","fixed":"left"}}),_c('vxe-column',{attrs:{"type":"checkbox","width":"40","fixed":"left"}}),_vm._l((_vm.columns),function(item){return _c('vxe-column',_vm._b({key:item.field,attrs:{"min-width":"150"}},'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_66878ea0_scoped_true_staticRenderFns = []
@@ -241609,8 +241619,8 @@ tf_form_body_item_src.install = function (Vue) {
 var tf_condition_input = __webpack_require__(9078);
 // EXTERNAL MODULE: ./package/tf-basic-table-list/index.js + 12 modules
 var tf_basic_table_list = __webpack_require__(2346);
-// EXTERNAL MODULE: ./src/directives/header-table-width.js
-var header_table_width = __webpack_require__(1814);
+// EXTERNAL MODULE: ./src/directives/umy-column-width.js
+var umy_column_width = __webpack_require__(3402);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
@@ -241644,7 +241654,7 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 
 
 
-external_commonjs_vue_commonjs2_vue_root_Vue_default().directive('header-table-width', header_table_width/* default */.Z);
+external_commonjs_vue_commonjs2_vue_root_Vue_default().directive('umy-column-width', umy_column_width/* default */.Z);
 var 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_vxe_table, tf_splitter/* default */.Z, tf_tab_table/* default */.Z, tf_form_body, tf_table_list, 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, t_print_render];
 
 var install = function install(Vue) {