adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
79 lines • 11.2 kB
JavaScript
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
import React, { useState } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import "./style";
var prefix = "adui-table";
var TableSort = function TableSort(_ref) {
var onSort = _ref.onSort,
sortOrderProp = _ref.sortOrder,
title = _ref.title,
sortableAndFilterable = _ref.sortableAndFilterable;
var _useState = useState(sortOrderProp),
_useState2 = _slicedToArray(_useState, 2),
sortOrder = _useState2[0],
setSortOrder = _useState2[1];
if (sortOrderProp !== null && sortOrder !== sortOrderProp) {
setSortOrder(sortOrderProp);
}
var handleChange = function handleChange() {
var newOrder;
if (sortOrder) {
newOrder = sortOrder === "desc" ? "asc" : "";
} else {
newOrder = "desc";
}
if (sortOrderProp === null) {
setSortOrder(newOrder);
}
if (onSort) {
onSort(newOrder);
}
};
var handleKeyPress = function handleKeyPress(e) {
if (e.key.toUpperCase() === "ENTER") {
handleChange();
}
};
return React.createElement("div", {
"data-sort": sortOrder,
className: classNames("".concat(prefix, "-sort"), "".concat(prefix, "-sort_").concat(sortOrder)),
onClick: handleChange,
onKeyPress: handleKeyPress,
role: "columnheader",
tabIndex: 0
}, !sortableAndFilterable ? title : null, React.createElement("div", null, React.createElement("svg", {
className: "".concat(prefix, "-asc"),
width: "16",
height: "16"
}, React.createElement("path", {
d: "M12.315 5.764c.372.407.218.736-.32.736H4.01c-.548 0-.696-.325-.32-.736l3.64-3.983a.891.891 0 0 1 1.345 0l3.641 3.983z"
})), React.createElement("svg", {
className: "".concat(prefix, "-desc"),
width: "16",
height: "16"
}, React.createElement("path", {
d: "M12.315 10.236c.372-.407.218-.736-.32-.736H4.01c-.548 0-.696.325-.32.736l3.64 3.983c.372.406.97.41 1.345 0l3.641-3.983z"
}))), !sortableAndFilterable && React.createElement("div", {
className: "".concat(prefix, "-clickholder")
}));
};
TableSort.propTypes = {
onSort: PropTypes.func,
sortOrder: PropTypes.oneOf([null, "", "asc", "desc"]),
title: PropTypes.node,
sortableAndFilterable: PropTypes.bool
};
TableSort.defaultProps = {
onSort: null,
sortOrder: null,
title: null,
sortableAndFilterable: false
};
export default TableSort;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZVN0YXRlIiwiUHJvcFR5cGVzIiwiY2xhc3NOYW1lcyIsInByZWZpeCIsIlRhYmxlU29ydCIsIl9yZWYiLCJvblNvcnQiLCJzb3J0T3JkZXJQcm9wIiwic29ydE9yZGVyIiwidGl0bGUiLCJzb3J0YWJsZUFuZEZpbHRlcmFibGUiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJzZXRTb3J0T3JkZXIiLCJoYW5kbGVDaGFuZ2UiLCJuZXdPcmRlciIsImhhbmRsZUtleVByZXNzIiwiZSIsImtleSIsInRvVXBwZXJDYXNlIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImNvbmNhdCIsIm9uQ2xpY2siLCJvbktleVByZXNzIiwicm9sZSIsInRhYkluZGV4Iiwid2lkdGgiLCJoZWlnaHQiLCJkIiwicHJvcFR5cGVzIiwiZnVuYyIsIm9uZU9mIiwibm9kZSIsImJvb2wiLCJkZWZhdWx0UHJvcHMiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlU29ydC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbWF4LWxlbiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IFwiLi9zdHlsZVwiXG5cbmNvbnN0IHByZWZpeCA9IFwiYWR1aS10YWJsZVwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRhYmxlU29ydFByb3BzIHtcbiAgb25Tb3J0PzogKChvcmRlcjogXCJhc2NcIiB8IFwiZGVzY1wiIHwgXCJcIikgPT4gdm9pZCkgfCBudWxsXG4gIHNvcnRPcmRlcj86IG51bGwgfCBcIlwiIHwgXCJhc2NcIiB8IFwiZGVzY1wiXG4gIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG4gIHNvcnRhYmxlQW5kRmlsdGVyYWJsZT86IGJvb2xlYW5cbn1cblxuLyoqXG4gKiDooajmoLzmjpLluo9cbiAqL1xuY29uc3QgVGFibGVTb3J0OiBSZWFjdC5GQzxJVGFibGVTb3J0UHJvcHM+ID0gKHtcbiAgb25Tb3J0LFxuICBzb3J0T3JkZXI6IHNvcnRPcmRlclByb3AsXG4gIHRpdGxlLFxuICBzb3J0YWJsZUFuZEZpbHRlcmFibGUsXG59OiBJVGFibGVTb3J0UHJvcHMpID0+IHtcbiAgY29uc3QgW3NvcnRPcmRlciwgc2V0U29ydE9yZGVyXSA9IHVzZVN0YXRlKHNvcnRPcmRlclByb3ApXG5cbiAgLy8g55u45b2T5LqO55Sf5ZG95ZGo5pyfIGdldERlcml2ZWRTdGF0ZUZyb21Qcm9wc1xuICBpZiAoc29ydE9yZGVyUHJvcCAhPT0gbnVsbCAmJiBzb3J0T3JkZXIgIT09IHNvcnRPcmRlclByb3ApIHtcbiAgICBzZXRTb3J0T3JkZXIoc29ydE9yZGVyUHJvcClcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICgpID0+IHtcbiAgICBsZXQgbmV3T3JkZXI6IFwiXCIgfCBcImFzY1wiIHwgXCJkZXNjXCJcbiAgICBpZiAoc29ydE9yZGVyKSB7XG4gICAgICBuZXdPcmRlciA9IHNvcnRPcmRlciA9PT0gXCJkZXNjXCIgPyBcImFzY1wiIDogXCJcIlxuICAgIH0gZWxzZSB7XG4gICAgICBuZXdPcmRlciA9IFwiZGVzY1wiXG4gICAgfVxuICAgIGlmIChzb3J0T3JkZXJQcm9wID09PSBudWxsKSB7XG4gICAgICBzZXRTb3J0T3JkZXIobmV3T3JkZXIpXG4gICAgfVxuICAgIGlmIChvblNvcnQpIHtcbiAgICAgIG9uU29ydChuZXdPcmRlcilcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChlOiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgaWYgKGUua2V5LnRvVXBwZXJDYXNlKCkgPT09IFwiRU5URVJcIikge1xuICAgICAgaGFuZGxlQ2hhbmdlKClcbiAgICB9XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXNvcnQ9e3NvcnRPcmRlcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhgJHtwcmVmaXh9LXNvcnRgLCBgJHtwcmVmaXh9LXNvcnRfJHtzb3J0T3JkZXJ9YCl9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDaGFuZ2V9XG4gICAgICBvbktleVByZXNzPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgIHJvbGU9XCJjb2x1bW5oZWFkZXJcIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgPlxuICAgICAgeyFzb3J0YWJsZUFuZEZpbHRlcmFibGUgPyB0aXRsZSA6IG51bGx9XG4gICAgICA8ZGl2PlxuICAgICAgICA8c3ZnIGNsYXNzTmFtZT17YCR7cHJlZml4fS1hc2NgfSB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIj5cbiAgICAgICAgICA8cGF0aCBkPVwiTTEyLjMxNSA1Ljc2NGMuMzcyLjQwNy4yMTguNzM2LS4zMi43MzZINC4wMWMtLjU0OCAwLS42OTYtLjMyNS0uMzItLjczNmwzLjY0LTMuOTgzYS44OTEuODkxIDAgMCAxIDEuMzQ1IDBsMy42NDEgMy45ODN6XCIgLz5cbiAgICAgICAgPC9zdmc+XG4gICAgICAgIDxzdmcgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWRlc2NgfSB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIj5cbiAgICAgICAgICA8cGF0aCBkPVwiTTEyLjMxNSAxMC4yMzZjLjM3Mi0uNDA3LjIxOC0uNzM2LS4zMi0uNzM2SDQuMDFjLS41NDggMC0uNjk2LjMyNS0uMzIuNzM2bDMuNjQgMy45ODNjLjM3Mi40MDYuOTcuNDEgMS4zNDUgMGwzLjY0MS0zLjk4M3pcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvZGl2PlxuICAgICAgeyFzb3J0YWJsZUFuZEZpbHRlcmFibGUgJiYgPGRpdiBjbGFzc05hbWU9e2Ake3ByZWZpeH0tY2xpY2tob2xkZXJgfSAvPn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5UYWJsZVNvcnQucHJvcFR5cGVzID0ge1xuICAvKipcbiAgICog5o6S5bqP5pe255qEIGhhbmRsZXJcbiAgICovXG4gIG9uU29ydDogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKlxuICAgKiDlj6/ku6Xku47lpJbpg6jmjqfliLbmjpLluo/mlrnlvI9cbiAgICog5rKh5pyJIHNvcnRPcmRlcu+8jOWImeeUqCBcIlwiIOepuuWtl+espuS4su+8jOS4jeimgeeUqCBudWxs77yM5Zug5Li6IG51bGwg5Lya6KKr57uE5Lu26KeG5Li65YaF6YOo6amx5YqoXG4gICAqL1xuICBzb3J0T3JkZXI6IFByb3BUeXBlcy5vbmVPZihbbnVsbCwgXCJcIiwgXCJhc2NcIiwgXCJkZXNjXCJdKSxcbiAgLyoqXG4gICAqIHRpdGxlXG4gICAqL1xuICB0aXRsZTogUHJvcFR5cGVzLm5vZGUsXG4gIC8qKlxuICAgKiBzb3J0YWJsZUFuZEZpbHRlcmFibGU/OiBib29sZWFuXG4gICAqL1xuICBzb3J0YWJsZUFuZEZpbHRlcmFibGU6IFByb3BUeXBlcy5ib29sLFxufVxuXG5UYWJsZVNvcnQuZGVmYXVsdFByb3BzID0ge1xuICBvblNvcnQ6IG51bGwsXG4gIHNvcnRPcmRlcjogbnVsbCxcbiAgdGl0bGU6IG51bGwsXG4gIHNvcnRhYmxlQW5kRmlsdGVyYWJsZTogZmFsc2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlU29ydFxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPQSxLQUFLLElBQUlDLFFBQVEsUUFBUSxPQUFPO0FBQ3ZDLE9BQU9DLFNBQVMsTUFBTSxZQUFZO0FBQ2xDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLE9BQU8sU0FBUztBQUVoQixJQUFNQyxNQUFNLEdBQUcsWUFBWTtBQVkzQixJQUFNQyxTQUFvQyxHQUFHLFNBQXZDQSxTQUFvQ0EsQ0FBQUMsSUFBQSxFQUtuQjtFQUFBLElBSnJCQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtJQUNLQyxhQUFhLEdBQUFGLElBQUEsQ0FBeEJHLFNBQVM7SUFDVEMsS0FB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