tdesign-vue
Version:
293 lines (285 loc) • 12 kB
JavaScript
/**
* tdesign v1.12.1
* (c) 2025 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var VueCompositionAPI = require('@vue/composition-api');
var _common_js_table_utils = require('../../_common/js/table/utils.js');
var form_formModel = require('../../form/form-model.js');
var table_hooks_useRowspanAndColspan = require('./useRowspanAndColspan.js');
var get = require('../../_chunks/dep-165bd1be.js');
var cloneDeep = require('../../_chunks/dep-bda7e2bd.js');
var set = require('../../_chunks/dep-910b0661.js');
var isFunction = require('../../_chunks/dep-411a10dd.js');
require('../../_chunks/dep-2edcfe51.js');
require('../../_chunks/dep-5ea2b00f.js');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-d7270eaf.js');
require('@babel/runtime/helpers/asyncToGenerator');
require('@babel/runtime/regenerator');
require('../../_chunks/dep-53935099.js');
require('../../utils/helper.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../../_chunks/dep-bf70543d.js');
require('../../_chunks/dep-f895c884.js');
require('../../_chunks/dep-e1cc6f64.js');
require('../../_chunks/dep-9b72cbc5.js');
require('../../_chunks/dep-7b78e8c3.js');
require('../../_chunks/dep-68f48b50.js');
require('../../_chunks/dep-051ce30d.js');
require('../../_chunks/dep-4b30bfe2.js');
require('../../_chunks/dep-f6069bb1.js');
require('../../_chunks/dep-ed8c3176.js');
require('../../_chunks/dep-4aa08166.js');
require('../../_chunks/dep-ddc1429e.js');
require('../../_chunks/dep-65896ff9.js');
require('../../_chunks/dep-887c649b.js');
require('../../_chunks/dep-51fe98f1.js');
require('../../_chunks/dep-28836b00.js');
require('../../_chunks/dep-dea23841.js');
require('../../_common/js/log/log.js');
require('../../_chunks/dep-e1bd36c1.js');
require('../../_chunks/dep-6e7b8cda.js');
require('../../_chunks/dep-3d682642.js');
require('../../_chunks/dep-b0b39c86.js');
require('../../_chunks/dep-403352a7.js');
require('../../_chunks/dep-cca66fee.js');
require('../../_chunks/dep-4361b357.js');
require('../../_chunks/dep-b65b2f55.js');
require('../../_chunks/dep-563168ba.js');
require('../../_chunks/dep-dd8aea11.js');
require('../../_chunks/dep-b361e9d2.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function useRowEdit(props, context) {
var _toRefs = VueCompositionAPI.toRefs(props),
editableRowKeys = _toRefs.editableRowKeys;
var cellRuleMap = /* @__PURE__ */new Map();
var errorListMap = VueCompositionAPI.ref({});
var editableKeysMap = VueCompositionAPI.computed(function () {
return _common_js_table_utils.getEditableKeysMap(props.editableRowKeys, props.data, props.rowKey || "id");
});
var editingCells = VueCompositionAPI.ref({});
var editedFormData = VueCompositionAPI.ref({});
var getErrorListMapByErrors = function getErrorListMapByErrors(errors) {
var errorMap = {};
errors.forEach(function (_ref) {
var row = _ref.row,
col = _ref.col,
errorList = _ref.errorList;
var rowValue = get.get(row, props.rowKey || "id");
var key = [rowValue, col.colKey].join("__");
if (errorList !== null && errorList !== void 0 && errorList.length) {
errorMap[key] = errorList;
} else {
delete errorMap[key];
}
});
return errorMap;
};
var validateOneRowData = function validateOneRowData(rowValue) {
var rowRules = cellRuleMap.get(rowValue);
if (!rowRules) return;
var list = rowRules.map(function (item) {
return new Promise(function (resolve) {
var editedRow = item.editedRow,
col = item.col;
var rules = isFunction.isFunction(col.edit.rules) ? col.edit.rules(item) : col.edit.rules;
if (!col.edit || !rules || !rules.length) {
resolve(_objectSpread(_objectSpread({}, item), {}, {
errorList: []
}));
return;
}
form_formModel.validate(get.get(editedRow, col.colKey), rules).then(function (r) {
resolve(_objectSpread(_objectSpread({}, item), {}, {
errorList: r.filter(function (t) {
return !t.result;
})
}));
});
});
});
return new Promise(function (resolve, reject) {
Promise.all(list).then(function (errors) {
resolve({
errors: errors.filter(function (t) {
var _t$errorList;
return (_t$errorList = t.errorList) === null || _t$errorList === void 0 ? void 0 : _t$errorList.length;
}),
errorMap: getErrorListMapByErrors(errors)
});
}, reject);
});
};
var validateRowData = function validateRowData(rowValue) {
return new Promise(function (resolve, reject) {
validateOneRowData(rowValue).then(function (_ref2) {
var _props$onRowValidate;
var errors = _ref2.errors,
errorMap = _ref2.errorMap;
errorListMap.value = errorMap;
var tTrigger = "parent";
(_props$onRowValidate = props.onRowValidate) === null || _props$onRowValidate === void 0 || _props$onRowValidate.call(props, {
trigger: tTrigger,
result: errors
});
resolve({
trigger: tTrigger,
result: errors
});
}, reject);
});
};
var validateTableCellData = function validateTableCellData() {
var cellKeys = Object.keys(editingCells.value);
var promiseList = cellKeys.map(function (cellKey) {
return editingCells.value[cellKey].validateEdit("parent");
});
return new Promise(function (resolve, reject) {
Promise.all(promiseList).then(function (arr) {
var allErrorListMap = {};
arr.forEach(function (result, index) {
if (result === true) return;
allErrorListMap[cellKeys[index]] = result;
});
resolve({
result: allErrorListMap
});
}, reject);
});
};
var validateTableData = function validateTableData() {
if (Object.keys(editingCells.value).length) {
return validateTableCellData();
}
var promiseList = [];
var data = props.data || [];
for (var i = 0, len = data.length; i < len; i++) {
var rowValue = get.get(data[i], props.rowKey || "id");
promiseList.push(validateOneRowData(rowValue));
}
return new Promise(function (resolve, reject) {
Promise.all(promiseList).then(function (rList) {
var _props$onValidate;
var allErrorListMap = {};
rList.forEach(function () {
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
errors: [],
errorMap: {}
},
errorMap = _ref3.errorMap;
errorMap && Object.assign(allErrorListMap, errorMap);
});
errorListMap.value = allErrorListMap;
(_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, {
result: allErrorListMap
});
resolve({
result: allErrorListMap
});
}, reject);
});
};
var onUpdateEditedCell = function onUpdateEditedCell(rowValue, lastRowData, data) {
if (!editedFormData.value[rowValue]) {
editedFormData.value[rowValue] = cloneDeep.cloneDeep(lastRowData);
}
var tmpEditedData = _objectSpread({}, editedFormData.value);
Object.entries(data).forEach(function (_ref4) {
var _ref5 = _slicedToArray__default["default"](_ref4, 2),
key = _ref5[0],
val = _ref5[1];
set.set(tmpEditedData[rowValue], key, val);
});
editedFormData.value = tmpEditedData;
};
var onRuleChange = function onRuleChange(context2) {
if (props.editableRowKeys) {
var rowValue = get.get(context2.row, props.rowKey || "id");
var rules = cellRuleMap.get(rowValue);
if (rules) {
var index = rules.findIndex(function (t) {
return t.col.colKey === context2.col.colKey;
});
if (index === -1) {
rules.push(context2);
} else {
rules[index] = context2;
}
cellRuleMap.set(rowValue, rules);
} else {
cellRuleMap.set(rowValue, [context2]);
}
}
};
var clearValidateData = function clearValidateData() {
errorListMap.value = {};
};
var onPrimaryTableCellEditChange = function onPrimaryTableCellEditChange(params) {
var cellKey = table_hooks_useRowspanAndColspan.getCellKey(params.row, props.rowKey, params.col.colKey, params.colIndex);
if (params.isEdit) {
editingCells.value[cellKey] = params;
} else {
delete editingCells.value[cellKey];
}
};
var onPrimaryTableRowEdit = function onPrimaryTableRowEdit(params) {
var _props$onRowEdit;
(_props$onRowEdit = props.onRowEdit) === null || _props$onRowEdit === void 0 || _props$onRowEdit.call(props, params);
context.emit("row-edit", params);
};
var onPrimaryTableRowValidate = function onPrimaryTableRowValidate(params) {
var _props$onRowValidate2;
(_props$onRowValidate2 = props.onRowValidate) === null || _props$onRowValidate2 === void 0 || _props$onRowValidate2.call(props, params);
context.emit("row-validate", params);
};
var getEditRowData = function getEditRowData(_ref6) {
var _props$editableRowKey;
var row = _ref6.row,
col = _ref6.col;
var rowValue = get.get(row, props.rowKey || "id");
var editedRowData = editedFormData.value[rowValue];
if (editedRowData && (_props$editableRowKey = props.editableRowKeys) !== null && _props$editableRowKey !== void 0 && _props$editableRowKey.includes(rowValue)) {
var tmpRow = _objectSpread({}, editedRowData);
set.set(tmpRow, col.colKey, get.get(editedRowData, col.colKey));
return tmpRow;
}
return row;
};
VueCompositionAPI.watch(function () {
var _editableRowKeys$valu;
return (_editableRowKeys$valu = editableRowKeys.value) === null || _editableRowKeys$valu === void 0 ? void 0 : _editableRowKeys$valu.join(",");
}, function (keyStr) {
var editableRowKeys2 = keyStr.split(",");
var rowValueList = Object.keys(editedFormData.value);
rowValueList.forEach(function (key) {
if (!editableRowKeys2.includes(key)) {
delete editedFormData.value[key];
}
});
});
return {
editedFormData: editedFormData,
errorListMap: errorListMap,
editableKeysMap: editableKeysMap,
validateTableData: validateTableData,
validateRowData: validateRowData,
onRuleChange: onRuleChange,
clearValidateData: clearValidateData,
getEditRowData: getEditRowData,
onUpdateEditedCell: onUpdateEditedCell,
onPrimaryTableRowEdit: onPrimaryTableRowEdit,
onPrimaryTableRowValidate: onPrimaryTableRowValidate,
onPrimaryTableCellEditChange: onPrimaryTableCellEditChange
};
}
exports["default"] = useRowEdit;
//# sourceMappingURL=useEditableRow.js.map