@trove-ui/react
Version:
A React component library for T Design UI
190 lines (189 loc) • 10 kB
JavaScript
/*! For license information please see index.js.LICENSE.txt */
(function(root, factory) {
if ('object' == typeof exports && 'object' == typeof module) module.exports = factory(require("react"), require("classnames"));
else if ('function' == typeof define && define.amd) define([
"react",
"classnames"
], factory);
else if ('object' == typeof exports) exports["TDesignUI"] = factory(require("react"), require("classnames"));
else root["TDesignUI"] = factory(root["react"], root["classnames"]);
})(globalThis, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_classnames__)=>(()=>{
"use strict";
var __webpack_modules__ = {
"./node_modules/.pnpm/react@19.1.0/node_modules/react/cjs/react-jsx-runtime.production.js": function(__unused_webpack_module, exports1) {
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element");
Symbol.for("react.fragment");
function jsxProd(type, config, maybeKey) {
var key = null;
void 0 !== maybeKey && (key = "" + maybeKey);
void 0 !== config.key && (key = "" + config.key);
if ("key" in config) {
maybeKey = {};
for(var propName in config)"key" !== propName && (maybeKey[propName] = config[propName]);
} else maybeKey = config;
config = maybeKey.ref;
return {
$$typeof: REACT_ELEMENT_TYPE,
type: type,
key: key,
ref: void 0 !== config ? config : null,
props: maybeKey
};
}
exports1.jsx = jsxProd;
exports1.jsxs = jsxProd;
},
"./node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js": function(module1, __unused_webpack_exports, __webpack_require__) {
module1.exports = __webpack_require__("./node_modules/.pnpm/react@19.1.0/node_modules/react/cjs/react-jsx-runtime.production.js");
},
classnames: function(module1) {
module1.exports = __WEBPACK_EXTERNAL_MODULE_classnames__;
},
react: function(module1) {
module1.exports = __WEBPACK_EXTERNAL_MODULE_react__;
}
};
var __webpack_module_cache__ = {};
function __webpack_require__(moduleId) {
var cachedModule = __webpack_module_cache__[moduleId];
if (void 0 !== cachedModule) return cachedModule.exports;
var module1 = __webpack_module_cache__[moduleId] = {
exports: {}
};
__webpack_modules__[moduleId](module1, module1.exports, __webpack_require__);
return module1.exports;
}
(()=>{
__webpack_require__.n = (module1)=>{
var getter = module1 && module1.__esModule ? ()=>module1['default'] : ()=>module1;
__webpack_require__.d(getter, {
a: getter
});
return getter;
};
})();
(()=>{
__webpack_require__.d = (exports1, definition)=>{
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
enumerable: true,
get: definition[key]
});
};
})();
(()=>{
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
__webpack_require__.r = (exports1)=>{
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
value: 'Module'
});
Object.defineProperty(exports1, '__esModule', {
value: true
});
};
})();
var __webpack_exports__ = {};
(()=>{
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
default: ()=>components_Table
});
var jsx_runtime = __webpack_require__("./node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js");
var external_classnames_ = __webpack_require__("classnames");
var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_);
const index_module = {
"t-table": "t-table-dGBXkd",
tTable: "t-table-dGBXkd",
"t-table__thead": "t-table__thead-DZtX27",
tTableThead: "t-table__thead-DZtX27",
"t-table__tbody": "t-table__tbody-TZgfdD",
tTableTbody: "t-table__tbody-TZgfdD",
"t-table__tr": "t-table__tr-xWmfI2",
tTableTr: "t-table__tr-xWmfI2",
"t-table__wrapper": "t-table__wrapper-Eo_I8g",
tTableWrapper: "t-table__wrapper-Eo_I8g",
border: "border-qY2U4k",
"t-table__td": "t-table__td-yyDi3V",
tTableTd: "t-table__td-yyDi3V",
"t-table__th": "t-table__th-Laydwu",
tTableTh: "t-table__th-Laydwu"
};
var external_react_ = __webpack_require__("react");
const num_to_px = (value)=>{
if ('number' == typeof value) return `${value}px`;
return value;
};
const Table = ({ data, headers, rowIndex, style = {}, rowStyle = {}, className = '', bodyStyle = {}, headerStyle = {}, wrapperStyle = {}, rowClassName = '', bodyClassName = '', headerClassName = '', wrapperClassName = '', border = true, ...props })=>{
const gridTemplateColumns = (0, external_react_.useMemo)(()=>headers.reduce((header, nextHeader)=>header + `minmax(0, ${num_to_px(nextHeader.width) ?? 'auto'}) `, ''), [
headers
]);
return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
...props,
className: external_classnames_default()(index_module["t-table"], {
[index_module.border]: border
}, className),
style: {
...style
},
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
className: external_classnames_default()(index_module["t-table__wrapper"], wrapperClassName),
style: {
display: 'grid',
height: '100%',
gridTemplateColumns,
...wrapperStyle
},
children: [
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
className: external_classnames_default()(index_module["t-table__thead"], headerClassName),
style: {
...headerStyle
},
children: headers.map(({ align, fieldProp, fieldName })=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
className: external_classnames_default()('flex align-center', index_module["t-table__th"], {
[index_module.border]: border
}),
style: {
textAlign: align
},
children: fieldName
}, fieldProp))
}),
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
className: external_classnames_default()(index_module["t-table__tbody"], bodyClassName),
style: {
...bodyStyle
},
children: data.map((record, index)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
className: external_classnames_default()(index_module["t-table__tr"], rowClassName),
style: {
...rowStyle
},
children: headers.map(({ align, fieldProp, render = (text)=>text }, index)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
className: external_classnames_default()(index_module["t-table__td"], {
[index_module.border]: border
}),
style: {
textAlign: align
},
children: render(record[fieldProp], record, index)
}, index))
}, rowIndex ? `${record[rowIndex]}` : index))
})
]
})
});
};
const components_Table = Table;
})();
return __webpack_exports__;
})());