@tongfun/tf-widget 0.1.110 → 0.1.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/tf-widget.common.js +95 -55
- package/lib/tf-widget.umd.js +95 -55
- package/lib/tf-widget.umd.min.js +1 -1
- package/package.json +1 -1
package/lib/tf-widget.common.js
CHANGED
|
@@ -143970,29 +143970,33 @@ function saveUserEntityConfigs(data) {
|
|
|
143970
143970
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
143971
143971
|
|
|
143972
143972
|
"use strict";
|
|
143973
|
-
/* harmony import */ var
|
|
143974
|
-
/* harmony import */ var
|
|
143975
|
-
/* harmony import */ var
|
|
143976
|
-
/* harmony import */ var
|
|
143977
|
-
/* harmony import */ var
|
|
143978
|
-
/* harmony import */ var
|
|
143979
|
-
/* harmony import */ var
|
|
143980
|
-
/* harmony import */ var
|
|
143981
|
-
/* harmony import */ var
|
|
143982
|
-
/* harmony import */ var
|
|
143983
|
-
/* harmony import */ var
|
|
143984
|
-
/* harmony import */ var
|
|
143985
|
-
/* harmony import */ var
|
|
143986
|
-
/* harmony import */ var
|
|
143987
|
-
/* harmony import */ var
|
|
143988
|
-
/* harmony import */ var
|
|
143989
|
-
/* harmony import */ var
|
|
143990
|
-
/* harmony import */ var
|
|
143991
|
-
/* harmony import */ var
|
|
143992
|
-
/* harmony import */ var
|
|
143993
|
-
/* harmony import */ var
|
|
143994
|
-
/* harmony import */ var
|
|
143995
|
-
/* harmony import */ var
|
|
143973
|
+
/* harmony import */ var _Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7906);
|
|
143974
|
+
/* harmony import */ var _Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6198);
|
|
143975
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4916);
|
|
143976
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
143977
|
+
/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3123);
|
|
143978
|
+
/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
143979
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1539);
|
|
143980
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
143981
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4747);
|
|
143982
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
143983
|
+
/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7601);
|
|
143984
|
+
/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
143985
|
+
/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9600);
|
|
143986
|
+
/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
143987
|
+
/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5306);
|
|
143988
|
+
/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
143989
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1249);
|
|
143990
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
143991
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(9826);
|
|
143992
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
143993
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8309);
|
|
143994
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
143995
|
+
/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(8862);
|
|
143996
|
+
/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
143997
|
+
/* harmony import */ var _api_tf_table__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8419);
|
|
143998
|
+
|
|
143999
|
+
|
|
143996
144000
|
|
|
143997
144001
|
|
|
143998
144002
|
|
|
@@ -144017,16 +144021,21 @@ var headerWidthConfigs = {};
|
|
|
144017
144021
|
|
|
144018
144022
|
var watchTableHeaderNode = function watchTableHeaderNode(el, binding, vNode) {
|
|
144019
144023
|
var cVM = vNode.componentInstance; // 组件实例
|
|
144024
|
+
// 观察目标节点表头列宽的变化
|
|
144020
144025
|
|
|
144021
|
-
|
|
144022
|
-
|
|
144023
|
-
el.watchTableHeaderNode = resizeMaker(); // 开始观察目标节点表头列宽的变化
|
|
144024
|
-
|
|
144025
|
-
el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), function (element) {
|
|
144026
|
+
cVM.headerDragend = function () {
|
|
144026
144027
|
// const width = element.offsetWidth
|
|
144027
144028
|
var tableColumns = cVM.getTableColumn();
|
|
144028
144029
|
resizeTableHeaderWidth(binding, tableColumns.fullColumn);
|
|
144029
|
-
}
|
|
144030
|
+
}; // 开始观察目标节点表头列宽的变化
|
|
144031
|
+
// const resizeMaker = require('element-resize-detector')
|
|
144032
|
+
// el.watchTableHeaderNode = resizeMaker()
|
|
144033
|
+
// el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), element => {
|
|
144034
|
+
// // const width = element.offsetWidth
|
|
144035
|
+
// const tableColumns = cVM.getTableColumn()
|
|
144036
|
+
// resizeTableHeaderWidth(binding, tableColumns.fullColumn)
|
|
144037
|
+
// })
|
|
144038
|
+
|
|
144030
144039
|
};
|
|
144031
144040
|
/** 驼峰转换成下划线 */
|
|
144032
144041
|
|
|
@@ -144080,6 +144089,42 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144080
144089
|
});
|
|
144081
144090
|
}
|
|
144082
144091
|
};
|
|
144092
|
+
/** 重载表格列宽 */
|
|
144093
|
+
|
|
144094
|
+
|
|
144095
|
+
var loadColumn = function loadColumn(el, binding, vNode) {
|
|
144096
|
+
var vm = vNode.context; // 父组件vue实例
|
|
144097
|
+
|
|
144098
|
+
var cVM = vNode.componentInstance; // 组件实例
|
|
144099
|
+
|
|
144100
|
+
if (!headerWidthConfigs[binding.value].configs.length) {
|
|
144101
|
+
return;
|
|
144102
|
+
}
|
|
144103
|
+
|
|
144104
|
+
vm.$nextTick( /*#__PURE__*/(0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)( /*#__PURE__*/(0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)().mark(function _callee() {
|
|
144105
|
+
var columns;
|
|
144106
|
+
return (0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)().wrap(function _callee$(_context) {
|
|
144107
|
+
while (1) {
|
|
144108
|
+
switch (_context.prev = _context.next) {
|
|
144109
|
+
case 0:
|
|
144110
|
+
columns = cVM.getTableColumn().fullColumn;
|
|
144111
|
+
columns.map(function (column) {
|
|
144112
|
+
var item = headerWidthConfigs[binding.value].configs.find(function (item) {
|
|
144113
|
+
return column.property && item.field === humpTurn(column.property);
|
|
144114
|
+
});
|
|
144115
|
+
item && (column.width = item.fieldWidth + 'px');
|
|
144116
|
+
}); // 重新加载表格的列宽
|
|
144117
|
+
|
|
144118
|
+
cVM.loadColumn(columns);
|
|
144119
|
+
|
|
144120
|
+
case 3:
|
|
144121
|
+
case "end":
|
|
144122
|
+
return _context.stop();
|
|
144123
|
+
}
|
|
144124
|
+
}
|
|
144125
|
+
}, _callee);
|
|
144126
|
+
})));
|
|
144127
|
+
};
|
|
144083
144128
|
|
|
144084
144129
|
/* harmony default export */ __webpack_exports__["Z"] = ({
|
|
144085
144130
|
/**
|
|
@@ -144089,7 +144134,6 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144089
144134
|
* @param vNode
|
|
144090
144135
|
*/
|
|
144091
144136
|
inserted: function inserted(el, binding, vNode) {
|
|
144092
|
-
// initAllListener
|
|
144093
144137
|
if (!binding.value) {
|
|
144094
144138
|
return;
|
|
144095
144139
|
}
|
|
@@ -144098,35 +144142,32 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144098
144142
|
|
|
144099
144143
|
var cVM = vNode.componentInstance; // 组件实例
|
|
144100
144144
|
|
|
144145
|
+
/**
|
|
144146
|
+
* module:
|
|
144147
|
+
* 用于区分不同模块下同一个界面
|
|
144148
|
+
* vm.$route.meta.module || vm.$route.name:
|
|
144149
|
+
* 这里考虑到新增和编辑界面应当使用同一配置,可通过路由中添加同一个module实现
|
|
144150
|
+
* 如若不想,则无需配置module即可
|
|
144151
|
+
*/
|
|
144152
|
+
|
|
144153
|
+
var module = vm.$router.options.base.substring(1);
|
|
144154
|
+
var tableName = module + '-' + (vm.$route.meta.module || vm.$route.name) + '-' + binding.value;
|
|
144101
144155
|
watchTableHeaderNode(el, binding, vNode);
|
|
144102
|
-
(0,
|
|
144103
|
-
tableName:
|
|
144156
|
+
(0,_api_tf_table__WEBPACK_IMPORTED_MODULE_13__/* .getUserEntityConfigs */ .eM)({
|
|
144157
|
+
tableName: tableName
|
|
144104
144158
|
}).then(function (resp) {
|
|
144105
144159
|
headerWidthConfigs[binding.value] = {
|
|
144106
144160
|
configs: resp.data,
|
|
144107
144161
|
// 宽度配置列表
|
|
144108
144162
|
originConfigs: JSON.parse(JSON.stringify(resp.data)),
|
|
144109
|
-
tableName:
|
|
144163
|
+
tableName: tableName
|
|
144110
144164
|
};
|
|
144111
|
-
|
|
144112
|
-
|
|
144113
|
-
|
|
144114
|
-
|
|
144115
|
-
|
|
144116
|
-
|
|
144117
|
-
var tableColumns = cVM.getTableColumn();
|
|
144118
|
-
var columns = tableColumns.fullColumn;
|
|
144119
|
-
columns.map(function (column) {
|
|
144120
|
-
var item = headerWidthConfigs[binding.value].configs.find(function (item) {
|
|
144121
|
-
return column.property && item.field === humpTurn(column.property);
|
|
144122
|
-
});
|
|
144123
|
-
|
|
144124
|
-
if (item) {
|
|
144125
|
-
column.width = item.fieldWidth + 'px';
|
|
144126
|
-
}
|
|
144127
|
-
}); // 重新加载表格的列宽
|
|
144128
|
-
|
|
144129
|
-
cVM.loadColumn(columns);
|
|
144165
|
+
cVM.$watch(function () {
|
|
144166
|
+
return cVM.getTableColumn().fullColumn.length;
|
|
144167
|
+
}, function (newVal) {
|
|
144168
|
+
loadColumn(el, binding, vNode);
|
|
144169
|
+
}, {
|
|
144170
|
+
immediate: true
|
|
144130
144171
|
});
|
|
144131
144172
|
});
|
|
144132
144173
|
},
|
|
@@ -144141,10 +144182,9 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144141
144182
|
if (!binding.value) {
|
|
144142
144183
|
return;
|
|
144143
144184
|
} // removeAllListener
|
|
144185
|
+
// el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'))
|
|
144144
144186
|
|
|
144145
144187
|
|
|
144146
|
-
el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'));
|
|
144147
|
-
|
|
144148
144188
|
if (JSON.stringify(headerWidthConfigs[binding.value].originConfigs) === JSON.stringify(headerWidthConfigs[binding.value].configs)) {
|
|
144149
144189
|
return;
|
|
144150
144190
|
}
|
|
@@ -144153,7 +144193,7 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144153
144193
|
configs: headerWidthConfigs[binding.value].configs,
|
|
144154
144194
|
tableName: headerWidthConfigs[binding.value].tableName
|
|
144155
144195
|
};
|
|
144156
|
-
(0,
|
|
144196
|
+
(0,_api_tf_table__WEBPACK_IMPORTED_MODULE_13__/* .saveUserEntityConfigs */ .Xx)(data);
|
|
144157
144197
|
}
|
|
144158
144198
|
});
|
|
144159
144199
|
|
package/lib/tf-widget.umd.js
CHANGED
|
@@ -143980,29 +143980,33 @@ function saveUserEntityConfigs(data) {
|
|
|
143980
143980
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
143981
143981
|
|
|
143982
143982
|
"use strict";
|
|
143983
|
-
/* harmony import */ var
|
|
143984
|
-
/* harmony import */ var
|
|
143985
|
-
/* harmony import */ var
|
|
143986
|
-
/* harmony import */ var
|
|
143987
|
-
/* harmony import */ var
|
|
143988
|
-
/* harmony import */ var
|
|
143989
|
-
/* harmony import */ var
|
|
143990
|
-
/* harmony import */ var
|
|
143991
|
-
/* harmony import */ var
|
|
143992
|
-
/* harmony import */ var
|
|
143993
|
-
/* harmony import */ var
|
|
143994
|
-
/* harmony import */ var
|
|
143995
|
-
/* harmony import */ var
|
|
143996
|
-
/* harmony import */ var
|
|
143997
|
-
/* harmony import */ var
|
|
143998
|
-
/* harmony import */ var
|
|
143999
|
-
/* harmony import */ var
|
|
144000
|
-
/* harmony import */ var
|
|
144001
|
-
/* harmony import */ var
|
|
144002
|
-
/* harmony import */ var
|
|
144003
|
-
/* harmony import */ var
|
|
144004
|
-
/* harmony import */ var
|
|
144005
|
-
/* harmony import */ var
|
|
143983
|
+
/* harmony import */ var _Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7039);
|
|
143984
|
+
/* harmony import */ var _Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3625);
|
|
143985
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4916);
|
|
143986
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
143987
|
+
/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3123);
|
|
143988
|
+
/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
143989
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1539);
|
|
143990
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
143991
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4747);
|
|
143992
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
143993
|
+
/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7601);
|
|
143994
|
+
/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
143995
|
+
/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9600);
|
|
143996
|
+
/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
143997
|
+
/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5306);
|
|
143998
|
+
/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
143999
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1249);
|
|
144000
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
144001
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(9826);
|
|
144002
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
144003
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8309);
|
|
144004
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
144005
|
+
/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(8862);
|
|
144006
|
+
/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
144007
|
+
/* harmony import */ var _api_tf_table__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(7367);
|
|
144008
|
+
|
|
144009
|
+
|
|
144006
144010
|
|
|
144007
144011
|
|
|
144008
144012
|
|
|
@@ -144027,16 +144031,21 @@ var headerWidthConfigs = {};
|
|
|
144027
144031
|
|
|
144028
144032
|
var watchTableHeaderNode = function watchTableHeaderNode(el, binding, vNode) {
|
|
144029
144033
|
var cVM = vNode.componentInstance; // 组件实例
|
|
144034
|
+
// 观察目标节点表头列宽的变化
|
|
144030
144035
|
|
|
144031
|
-
|
|
144032
|
-
|
|
144033
|
-
el.watchTableHeaderNode = resizeMaker(); // 开始观察目标节点表头列宽的变化
|
|
144034
|
-
|
|
144035
|
-
el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), function (element) {
|
|
144036
|
+
cVM.headerDragend = function () {
|
|
144036
144037
|
// const width = element.offsetWidth
|
|
144037
144038
|
var tableColumns = cVM.getTableColumn();
|
|
144038
144039
|
resizeTableHeaderWidth(binding, tableColumns.fullColumn);
|
|
144039
|
-
}
|
|
144040
|
+
}; // 开始观察目标节点表头列宽的变化
|
|
144041
|
+
// const resizeMaker = require('element-resize-detector')
|
|
144042
|
+
// el.watchTableHeaderNode = resizeMaker()
|
|
144043
|
+
// el.watchTableHeaderNode.listenTo(el.querySelector('.elx-table--header'), element => {
|
|
144044
|
+
// // const width = element.offsetWidth
|
|
144045
|
+
// const tableColumns = cVM.getTableColumn()
|
|
144046
|
+
// resizeTableHeaderWidth(binding, tableColumns.fullColumn)
|
|
144047
|
+
// })
|
|
144048
|
+
|
|
144040
144049
|
};
|
|
144041
144050
|
/** 驼峰转换成下划线 */
|
|
144042
144051
|
|
|
@@ -144090,6 +144099,42 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144090
144099
|
});
|
|
144091
144100
|
}
|
|
144092
144101
|
};
|
|
144102
|
+
/** 重载表格列宽 */
|
|
144103
|
+
|
|
144104
|
+
|
|
144105
|
+
var loadColumn = function loadColumn(el, binding, vNode) {
|
|
144106
|
+
var vm = vNode.context; // 父组件vue实例
|
|
144107
|
+
|
|
144108
|
+
var cVM = vNode.componentInstance; // 组件实例
|
|
144109
|
+
|
|
144110
|
+
if (!headerWidthConfigs[binding.value].configs.length) {
|
|
144111
|
+
return;
|
|
144112
|
+
}
|
|
144113
|
+
|
|
144114
|
+
vm.$nextTick( /*#__PURE__*/(0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)( /*#__PURE__*/(0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)().mark(function _callee() {
|
|
144115
|
+
var columns;
|
|
144116
|
+
return (0,_Users_accour_workspace_tf_widget_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)().wrap(function _callee$(_context) {
|
|
144117
|
+
while (1) {
|
|
144118
|
+
switch (_context.prev = _context.next) {
|
|
144119
|
+
case 0:
|
|
144120
|
+
columns = cVM.getTableColumn().fullColumn;
|
|
144121
|
+
columns.map(function (column) {
|
|
144122
|
+
var item = headerWidthConfigs[binding.value].configs.find(function (item) {
|
|
144123
|
+
return column.property && item.field === humpTurn(column.property);
|
|
144124
|
+
});
|
|
144125
|
+
item && (column.width = item.fieldWidth + 'px');
|
|
144126
|
+
}); // 重新加载表格的列宽
|
|
144127
|
+
|
|
144128
|
+
cVM.loadColumn(columns);
|
|
144129
|
+
|
|
144130
|
+
case 3:
|
|
144131
|
+
case "end":
|
|
144132
|
+
return _context.stop();
|
|
144133
|
+
}
|
|
144134
|
+
}
|
|
144135
|
+
}, _callee);
|
|
144136
|
+
})));
|
|
144137
|
+
};
|
|
144093
144138
|
|
|
144094
144139
|
/* harmony default export */ __webpack_exports__["Z"] = ({
|
|
144095
144140
|
/**
|
|
@@ -144099,7 +144144,6 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144099
144144
|
* @param vNode
|
|
144100
144145
|
*/
|
|
144101
144146
|
inserted: function inserted(el, binding, vNode) {
|
|
144102
|
-
// initAllListener
|
|
144103
144147
|
if (!binding.value) {
|
|
144104
144148
|
return;
|
|
144105
144149
|
}
|
|
@@ -144108,35 +144152,32 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144108
144152
|
|
|
144109
144153
|
var cVM = vNode.componentInstance; // 组件实例
|
|
144110
144154
|
|
|
144155
|
+
/**
|
|
144156
|
+
* module:
|
|
144157
|
+
* 用于区分不同模块下同一个界面
|
|
144158
|
+
* vm.$route.meta.module || vm.$route.name:
|
|
144159
|
+
* 这里考虑到新增和编辑界面应当使用同一配置,可通过路由中添加同一个module实现
|
|
144160
|
+
* 如若不想,则无需配置module即可
|
|
144161
|
+
*/
|
|
144162
|
+
|
|
144163
|
+
var module = vm.$router.options.base.substring(1);
|
|
144164
|
+
var tableName = module + '-' + (vm.$route.meta.module || vm.$route.name) + '-' + binding.value;
|
|
144111
144165
|
watchTableHeaderNode(el, binding, vNode);
|
|
144112
|
-
(0,
|
|
144113
|
-
tableName:
|
|
144166
|
+
(0,_api_tf_table__WEBPACK_IMPORTED_MODULE_13__/* .getUserEntityConfigs */ .eM)({
|
|
144167
|
+
tableName: tableName
|
|
144114
144168
|
}).then(function (resp) {
|
|
144115
144169
|
headerWidthConfigs[binding.value] = {
|
|
144116
144170
|
configs: resp.data,
|
|
144117
144171
|
// 宽度配置列表
|
|
144118
144172
|
originConfigs: JSON.parse(JSON.stringify(resp.data)),
|
|
144119
|
-
tableName:
|
|
144173
|
+
tableName: tableName
|
|
144120
144174
|
};
|
|
144121
|
-
|
|
144122
|
-
|
|
144123
|
-
|
|
144124
|
-
|
|
144125
|
-
|
|
144126
|
-
|
|
144127
|
-
var tableColumns = cVM.getTableColumn();
|
|
144128
|
-
var columns = tableColumns.fullColumn;
|
|
144129
|
-
columns.map(function (column) {
|
|
144130
|
-
var item = headerWidthConfigs[binding.value].configs.find(function (item) {
|
|
144131
|
-
return column.property && item.field === humpTurn(column.property);
|
|
144132
|
-
});
|
|
144133
|
-
|
|
144134
|
-
if (item) {
|
|
144135
|
-
column.width = item.fieldWidth + 'px';
|
|
144136
|
-
}
|
|
144137
|
-
}); // 重新加载表格的列宽
|
|
144138
|
-
|
|
144139
|
-
cVM.loadColumn(columns);
|
|
144175
|
+
cVM.$watch(function () {
|
|
144176
|
+
return cVM.getTableColumn().fullColumn.length;
|
|
144177
|
+
}, function (newVal) {
|
|
144178
|
+
loadColumn(el, binding, vNode);
|
|
144179
|
+
}, {
|
|
144180
|
+
immediate: true
|
|
144140
144181
|
});
|
|
144141
144182
|
});
|
|
144142
144183
|
},
|
|
@@ -144151,10 +144192,9 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144151
144192
|
if (!binding.value) {
|
|
144152
144193
|
return;
|
|
144153
144194
|
} // removeAllListener
|
|
144195
|
+
// el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'))
|
|
144154
144196
|
|
|
144155
144197
|
|
|
144156
|
-
el.watchTableHeaderNode.removeAllListeners(el.querySelector('.elx-table--header'));
|
|
144157
|
-
|
|
144158
144198
|
if (JSON.stringify(headerWidthConfigs[binding.value].originConfigs) === JSON.stringify(headerWidthConfigs[binding.value].configs)) {
|
|
144159
144199
|
return;
|
|
144160
144200
|
}
|
|
@@ -144163,7 +144203,7 @@ var resizeTableHeaderWidth = function resizeTableHeaderWidth(binding, columns) {
|
|
|
144163
144203
|
configs: headerWidthConfigs[binding.value].configs,
|
|
144164
144204
|
tableName: headerWidthConfigs[binding.value].tableName
|
|
144165
144205
|
};
|
|
144166
|
-
(0,
|
|
144206
|
+
(0,_api_tf_table__WEBPACK_IMPORTED_MODULE_13__/* .saveUserEntityConfigs */ .Xx)(data);
|
|
144167
144207
|
}
|
|
144168
144208
|
});
|
|
144169
144209
|
|