drip-table
Version:
A tiny and powerful enterprise-class solution for building tables.
234 lines (221 loc) • 12.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("./index.less");
var _rcImage = _interopRequireDefault(require("rc-image"));
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
var prefixCls = 'jfe-drip-table-rc-image';
var Image = /*#__PURE__*/_react.default.memo(function (props) {
return /*#__PURE__*/_react.default.createElement(_rcImage.default, _extends({}, props, {
prefixCls: prefixCls,
previewPrefixCls: "".concat(prefixCls, "-preview"),
preview: props.preview ? Object.assign({
mask: /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-mask")
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-mask-info")
}, /*#__PURE__*/_react.default.createElement("span", {
className: "".concat(prefixCls, "-mask-info__icon"),
role: "img",
"aria-label": "eye"
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "eye",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
}))), "\u9884\u89C8"))
}, _typeof(props.preview) === 'object' ? props.preview : void 0, {
transitionName: 'jfe-drip-table-motion-zoom',
maskTransitionName: 'jfe-drip-table-motion-fade'
}) : false
}));
});
var icons = {
rotateLeft: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "rotate-left",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "rotate-left",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
d: "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z"
}))),
rotateRight: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "rotate-right",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "rotate-right",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
d: "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z"
}))),
zoomIn: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "zoom-in",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "zoom-in",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"
}))),
zoomOut: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "zoom-out",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "zoom-out",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"
}))),
close: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "close",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
fillRule: "evenodd",
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "close",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
}))),
left: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "left",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "left",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
}))),
right: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "right",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "right",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
}))),
flipX: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "swap",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "swap",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
}))),
flipY: /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "swap",
className: "".concat(prefixCls, "-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
style: {
transform: 'rotate(90deg)'
},
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "swap",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
})))
};
var ImagePreviewGroup = /*#__PURE__*/_react.default.memo(function (props) {
return /*#__PURE__*/_react.default.createElement(_rcImage.default.PreviewGroup, _extends({}, props, {
previewPrefixCls: "".concat(prefixCls, "-preview"),
preview: props.preview ? Object.assign({
mask: /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-mask")
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-mask-info")
}, /*#__PURE__*/_react.default.createElement("span", {
className: "".concat(prefixCls, "-mask-info__icon"),
role: "img",
"aria-label": "eye"
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "eye",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
}))), "\u9884\u89C8"))
}, _typeof(props.preview) === 'object' ? props.preview : void 0, {
transitionName: 'jfe-drip-table-motion-zoom',
maskTransitionName: 'jfe-drip-table-motion-fade'
}) : false,
icons: Object.assign({}, icons, props.icons)
}));
});
var _default = Object.assign(Image, {
PreviewGroup: ImagePreviewGroup
});
exports.default = _default;