tdesign-vue
Version:
319 lines (311 loc) • 11.9 kB
JavaScript
/**
* tdesign v1.11.2
* (c) 2025 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var helper = require('../../_chunks/dep-ece3c062.js');
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var VueCompositionAPI = require('@vue/composition-api');
var table_sorterButton = require('../sorter-button.js');
var hooks_useDefaultValue = require('../../hooks/useDefaultValue.js');
var isFunction = require('../../_chunks/dep-ecccff93.js');
var get = require('../../_chunks/dep-f84d1ea5.js');
require('tdesign-icons-vue');
require('./useClassName.js');
require('../../config-provider/useConfig.js');
require('../../_chunks/dep-07fb8c0e.js');
require('../../_common/js/global-config/default-config.js');
require('../../_common/js/global-config/locale/zh_CN.js');
require('../../_chunks/dep-a4a18104.js');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-27dd8cc6.js');
require('dayjs');
require('../../_chunks/dep-87c765cc.js');
require('../../_chunks/dep-75cd6d52.js');
require('../../_chunks/dep-b1a02818.js');
require('../../_chunks/dep-3d8ab37d.js');
require('../../_chunks/dep-a4308f57.js');
require('../../_chunks/dep-a4cecac4.js');
require('../../_chunks/dep-ab142eaf.js');
require('../../_chunks/dep-6ad3de7c.js');
require('../../_chunks/dep-e4278c54.js');
require('../../_chunks/dep-fcf0662d.js');
require('../../_chunks/dep-8b1e056e.js');
require('../../_chunks/dep-5db8defc.js');
require('../../_chunks/dep-6e4c473c.js');
require('../../_chunks/dep-234b7c02.js');
require('../../_chunks/dep-a4747856.js');
require('../../_chunks/dep-932dd69e.js');
require('../../_chunks/dep-9f4caea4.js');
require('../../_chunks/dep-dbd838d6.js');
require('../../_chunks/dep-b3120c1b.js');
require('../../_chunks/dep-68ba2357.js');
require('../../_chunks/dep-173eb46c.js');
require('../../tooltip/index.js');
require('../../tooltip/tooltip.js');
require('../../tooltip/props.js');
require('../../popup/props.js');
require('../../popup/popup.js');
require('@popperjs/core');
require('../../utils/dom.js');
require('vue');
require('raf');
require('../../utils/easing.js');
require('../../_chunks/dep-738b4f21.js');
require('../../utils/render-tnode.js');
require('@babel/runtime/helpers/readOnlyError');
require('../../_chunks/dep-7c854ec6.js');
require('../../_chunks/dep-eceed11d.js');
require('../../_chunks/dep-201f7798.js');
require('../../_chunks/dep-d3015b4c.js');
require('../../_chunks/dep-f8a85d6a.js');
require('../../_chunks/dep-5b117689.js');
require('../../_chunks/dep-6478392e.js');
require('../../_chunks/dep-47bca35e.js');
require('../../utils/helper.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../../_common/js/utils/setStyle.js');
require('../../popup/container.js');
require('../../config-provider/config-receiver.js');
require('../../utils/mixins.js');
require('../../utils/event.js');
require('../../popup/utils.js');
require('../../_chunks/dep-f3761329.js');
require('../../_chunks/dep-848a5a32.js');
require('../../utils/map-props.js');
require('../../utils/withInstall.js');
require('../../hooks/tnode.js');
require('../../hooks/render-tnode.js');
require('../../_chunks/dep-a6490a32.js');
require('../../_chunks/dep-3eec664c.js');
require('../../_chunks/dep-eeb2e214.js');
require('../../hooks/useGlobalIcon.js');
require('../../_chunks/dep-362bc4d7.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
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 useSorter(props, _ref) {
var emit = _ref.emit,
slots = _ref.slots;
var _toRefs = VueCompositionAPI.toRefs(props),
sort = _toRefs.sort,
data = _toRefs.data;
var originalData = VueCompositionAPI.ref();
var _useDefaultValue = hooks_useDefaultValue["default"](sort, props.defaultSort, props.onSortChange, "sort", "sort-change"),
_useDefaultValue2 = _slicedToArray__default["default"](_useDefaultValue, 2),
tSortInfo = _useDefaultValue2[0],
setTSortInfo = _useDefaultValue2[1];
var _useDefaultValue3 = hooks_useDefaultValue["default"](data, [], props.onDataChange, "data", "data-change"),
_useDefaultValue4 = _slicedToArray__default["default"](_useDefaultValue3, 2),
tData = _useDefaultValue4[0],
setTData = _useDefaultValue4[1];
var sorterFuncMap = VueCompositionAPI.computed(function () {
return getSorterFuncMap(props.columns);
});
var innerSort = VueCompositionAPI.ref();
var sortArray = VueCompositionAPI.computed(function () {
var sort2 = tSortInfo.value;
if (!sort2) return [];
return Array.isArray(sort2) ? sort2 : [sort2];
});
var sortMap = VueCompositionAPI.computed(function () {
var sortMap2 = {};
sortArray.value.forEach(function (info, index) {
var sortBy = info.sortBy;
sortMap2[sortBy] = _objectSpread({
index: index
}, info);
});
return sortMap2;
});
function getSorterFuncMap(columns) {
var map = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
for (var i = 0, len = columns.length; i < len; i++) {
var _col$children;
var col = columns[i];
if (isFunction.isFunction(col.sorter)) {
map[col.colKey] = col.sorter;
}
if ((_col$children = col.children) !== null && _col$children !== void 0 && _col$children.length) {
getSorterFuncMap(col.children, map);
}
}
return map;
}
function handleDataSort(sortInfo) {
var sort2 = sortInfo;
if (!Object.keys(sorterFuncMap.value).length) return;
if (!originalData.value) {
originalData.value = tData.value;
}
var isEmptyArraySort = !sort2 || sort2 instanceof Array && !sort2.length;
var isEmptyObjectSort = !(sort2 instanceof Array) && !(sort2 !== null && sort2 !== void 0 && sort2.sortBy);
if (isEmptyArraySort || isEmptyObjectSort) {
setTData(originalData.value, {
trigger: "sort"
});
return originalData.value;
}
var formattedSort = sort2 instanceof Array ? sort2 : [sort2];
var newData = tData.value.slice().sort(function (a, b) {
var sortResult = 0;
for (var i = 0, len = formattedSort.length; i < len; i++) {
var item = formattedSort[i];
var sortFunc = sorterFuncMap.value[item.sortBy];
if (sortResult === 0 && sortFunc) {
sortResult = item.descending ? sortFunc(b, a) : sortFunc(a, b);
} else {
break;
}
}
return sortResult;
});
if (JSON.stringify(newData) === JSON.stringify(tData.value)) return;
setTData(newData, {
trigger: "sort"
});
return newData;
}
function handleSortHeaderClick(col, p) {
var _props$onChange;
var sortInfo;
if (props.multipleSort) {
sortInfo = getMultipleNextSort(col, p);
} else {
var sort2 = tSortInfo.value instanceof Array ? tSortInfo.value[0] : tSortInfo.value;
sortInfo = getSingleNextSort(col, sort2, p);
}
var newData = handleDataSort(sortInfo);
var currentData = newData || tData.value;
var currentDataSource = currentData;
setTSortInfo(sortInfo, {
currentDataSource: currentDataSource,
col: col
});
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
sorter: sortInfo
}, {
currentData: currentData,
trigger: "sorter"
});
emit("change", {
sorter: sortInfo
}, {
currentData: currentData,
col: col,
trigger: "sorter"
});
innerSort.value = sortInfo;
}
function getSortOrder(descending) {
if (descending === void 0) return;
return descending ? "desc" : "asc";
}
function getSingleNextSort(col, sortInfo, p) {
if (sortInfo && sortInfo.sortBy === col.colKey && sortInfo.descending === p.descending) {
return void 0;
}
return {
sortBy: col.colKey,
descending: p.descending
};
}
function getMultipleNextSort(col, p) {
var sort2 = tSortInfo.value;
if (!(sort2 instanceof Array)) return;
var colKey = col.colKey;
var result = _toConsumableArray__default["default"](sort2);
for (var i = 0, len = sort2.length; i < len; i++) {
if (sort2[i].sortBy === colKey) {
var next = getSingleNextSort(col, sort2[i], p);
next ? result[i] = next : result.splice(i, 1);
return result;
}
}
result.push({
sortBy: colKey,
descending: p.descending
});
return result;
}
function renderSortIcon(h, _ref2) {
var _sortMap$value$col$co;
var col = _ref2.col;
if (!col.sorter) return null;
var sorterButtonsProps = {
sortType: col.sortType,
sortOrder: getSortOrder((_sortMap$value$col$co = sortMap.value[col.colKey]) === null || _sortMap$value$col$co === void 0 ? void 0 : _sortMap$value$col$co.descending),
sortIcon: props.sortIcon,
local: props.locale,
hideSortTips: props.hideSortTips
};
return h(table_sorterButton["default"], helper.helper([{
"scopedSlots": {
sortIcon: slots.sortIcon
}
}, {
"props": sorterButtonsProps
}, {}, {
"on": {
"sort-icon-click": function sortIconClick(_, p) {
return handleSortHeaderClick(col, p);
}
}
}]));
}
var isSortInfoSame = function isSortInfoSame(a, b) {
var tmpSortInfo = Array.isArray(a) ? a : [a];
var tmpInnerSortInfo = Array.isArray(b) ? b : [b];
if (tmpSortInfo.length && !b) return false;
var _loop = function _loop() {
var item = tmpSortInfo[i];
var result = tmpInnerSortInfo.find(function (t) {
return t.sortBy === item.sortBy;
});
if (!result) return {
v: false
};
return {
v: item.descending === result.descending
};
},
_ret;
for (var i = 0, len = tmpSortInfo.length; i < len; i++) {
_ret = _loop();
if (_ret) return _ret.v;
}
};
VueCompositionAPI.watch(tSortInfo, function () {
if (!tSortInfo.value) return;
if (!isSortInfoSame(tSortInfo.value, innerSort.value)) {
handleDataSort(tSortInfo.value);
}
}, {
immediate: true
});
VueCompositionAPI.watch(function () {
return props.data;
}, function () {
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var previousVal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
if (val.map(function (t) {
return get.get(t, props.rowKey);
}).join() !== previousVal.map(function (t) {
return get.get(t, props.rowKey);
}).join()) {
originalData.value = props.data;
}
});
return {
renderSortIcon: renderSortIcon
};
}
exports["default"] = useSorter;
//# sourceMappingURL=useSorter.js.map